1. Sublime Text 3在Mac上的安装与基础配置作为一个在Mac上用了5年Sublime Text 3的老用户我强烈推荐直接从官网下载安装包。虽然App Store版本也能用但官网版本更新更及时而且可以避免一些奇怪的权限问题。安装过程简单到令人发指 - 下载dmg文件后把Sublime Text图标拖到Applications文件夹就完事了。第一次启动时建议先做几个基础设置。打开Preferences - Settings这里会分成左右两栏左边是默认设置千万别动右边是用户自定义设置。我通常会先调整这几个参数{ font_size: 14, theme: Adaptive.sublime-theme, color_scheme: Packages/Color Scheme - Default/Monokai.sublime-package, highlight_line: true, word_wrap: auto }字体大小根据个人喜好调整我推荐使用14pt在Retina屏幕上显示效果最佳。主题和配色方案Monokai是经典选择对眼睛比较友好。highlight_line会高亮当前编辑行word_wrap设置自动换行处理长文本时特别有用。2. 插件管理全攻略2.1 Package Control安装与使用Sublime Text的强大之处在于其丰富的插件生态而管理这些插件的核心工具就是Package Control。安装方法出奇简单按Command打开控制台那个小窗口在底部粘贴以下Python代码回车执行import urllib.request,os; pf Package Control.sublime-package; ipp sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), wb).write(urllib.request.urlopen( http://packagecontrol.io/ pf.replace( ,%20)).read())重启Sublime Text安装完成后CommandShiftP调出命令面板输入install就能看到Package Control: Install Package选项。这里有个小技巧输入时不用打全称比如想安装JSON格式化插件输入pretty json前几个字母就能快速筛选。2.2 必备插件推荐经过多年实战这几个插件是我认为每个Mac用户都应该装的Emmet前端开发神器输入缩写代码按Tab键自动展开完整HTML结构SideBarEnhancements增强右侧文件树功能支持批量操作BracketHighlighter高亮匹配的括号、标签代码复杂时特别有用GitGutter在行号旁边显示git修改状态Terminus内置终端不用切换窗口就能执行命令安装插件后它们的文件默认存放在~/Library/Application Support/Sublime Text 3/Installed Packages目录下。有时候插件冲突或需要手动修改时可以到这里找对应的.sublime-package文件。2.3 插件问题排查技巧插件装多了难免会遇到各种问题我总结了几条实用排查方法查看控制台日志Command这里会显示插件加载时的错误信息临时禁用所有插件在命令面板输入Package Control: Disable Package选择全部逐一启用插件找到出问题的那个重装插件有时候下载不完整会导致奇怪的问题有个特别常见的问题是Python依赖缺失。很多插件需要额外的Python库支持这时候需要先通过pip安装依赖。比如ConvertToUTF8插件就需要chardet库可以在终端执行pip3 install chardet3. 中文支持与汉化方案3.1 官方汉化包安装Sublime Text原生不支持中文界面但通过ChineseLocalizations插件可以完美解决。安装步骤CommandShiftP打开命令面板输入Install Package回车搜索ChineseLocalizations选择第一个结果安装安装完成后菜单会立即变成中文。如果没变化试试手动切换语言在帮助(Help)菜单最下面有个Language选项选择简体中文即可。3.2 中文输入问题解决Mac用户经常遇到中文输入法不跟手的问题这是因为Sublime Text的输入法兼容性不太好。解决方法有两种使用第三方插件安装IMESupport插件可以改善输入体验修改配置在用户设置中添加{ auto_complete_commit_on_tab: true, ime_enabled: true }对于经常处理中文文档的用户我强烈推荐安装ConvertToUTF8插件。它可以自动检测文件编码支持GBK、GB2312等中文常用编码格式。安装后打开中文文档时右下角状态栏会显示当前编码点击可以切换。3.3 字体渲染优化Mac的Retina屏幕显示中文有时会出现模糊现象可以通过以下设置优化安装更纱黑体或思源黑体等适合编程的中文字体在用户设置中添加{ font_face: PingFang SC, font_options: [no_round, directwrite] }PingFang SC是Mac系统自带的高质量中文字体no_round和directwrite参数可以改善字体渲染效果。4. 高效编码技巧大全4.1 JSON处理实战处理JSON文件是开发中的高频操作Pretty JSON插件是必备工具。安装后可以通过以下几种方式格式化JSON快捷键ControlCommandJ右键菜单选择Pretty JSON命令面板输入Pretty JSON我经常遇到的一个场景是处理压缩过的JSON数据。这时候可以先全选内容(CommandA)然后按ControlCommandJ一键格式化。如果JSON格式有错误插件会在状态栏显示具体错误位置。对于超大JSON文件超过10MB建议先用命令行工具jq预处理jq . large_file.json formatted.json然后再用Sublime Text打开formatted.json这样能避免卡顿。4.2 多光标编辑技巧Sublime Text的多光标功能堪称一绝掌握这些技巧效率翻倍快速选中多个相同词选中一个词后按CommandD逐个添加下一个相同词纵向选择按住Option键用鼠标拖动或者OptionCommand上下箭头全选所有匹配项选中一个词后按ControlCommandG在多个位置添加光标按住Command键用鼠标点击我最近处理一个CSS文件时需要同时修改20多个颜色值。用多光标功能先选中一个颜色值按CommandD选中所有相同值然后一次性修改完成整个过程不到10秒。4.3 项目级搜索与替换CommandShiftF调出的项目搜索功能非常强大支持正则表达式和保存搜索历史。几个实用技巧使用*.js格式限定搜索文件类型$1在替换内容中引用正则捕获组勾选Case Sensitive进行大小写敏感搜索使用Where字段指定搜索目录比如要批量修改React组件中的className可以这样搜索className(.*?)替换为styleName$1记得勾选Regular Expression选项。5. 快捷键终极指南5.1 核心快捷键组合这些是我每天必用的快捷键记住它们能省下大量时间CommandP快速文件跳转输入文件名部分字符就能定位CommandR跳转到当前文件的函数/方法定义处ControlG跳转到指定行号CommandShiftP万能命令面板所有功能都能在这里找到CommandShiftV带缩进粘贴保持代码格式正确有个隐藏技巧在CommandP面板中输入符号可以列出当前文件的所有函数输入:加数字跳转到指定行输入#加符号名查找标识。5.2 自定义快捷键Sublime Text允许完全自定义快捷键。我修改了几个常用操作的快捷键打开Preferences - Key Bindings在右侧用户键位设置中添加[ { keys: [ctrlaltl], command: reindent }, { keys: [f5], command: build }, { keys: [ctrlshiftc], command: copy_path } ]这样设置后F5一键运行项目ControlOptionL一键格式化代码ControlShiftC复制当前文件路径。5.3 分屏与标签页管理多文件同时编辑时这些快捷键能提升效率OptionCommand1/2/3切换1/2/3列布局Control1/2/3跳转到对应分屏CommandShift[/]切换标签页CommandW关闭当前标签页CommandShiftT重新打开最近关闭的标签页我习惯用OptionCommand2设置双栏布局左边放参考文档右边写代码。用Control1/2快速在两个分屏间切换比用鼠标点快多了。