前端开发者的 Mac 配置手册（二）

发表于 2015-04-21   |  

写在开始

上篇文章介绍的是系统环境的配置，在这一篇中将会介绍代码编辑器 Sublime Text 3 的简单配置和实用插件。

Sublime Text 是一款跨平台代码编辑器（Not IDE），拥有非常丰富成熟的插件，辅以大量的快捷键，足使开发效率成倍提升。

另外，GitHub 在去年开源了一款叫 Atom 的代码编辑器，基本和 Sublime Text 无异。不过是基于 Node.js 和 Chromium，这个会在下一篇进行介绍。Atom 也是我目前的主力编辑器。

安装

目前最新版本为 Sublime Text 3，在官方网站提供了各个平台的下载。推荐使用此版本，有部分插件只支持 Sublime Text 3。

Package Control

安装好 Sublime 之后，通过安装 Package Control 来管理其大量的插件。

  • 打开 Sublime Text 然后按 ctrl + ` 打开控制台
  • 粘贴下面的代码到控制台，然后回车
1
import urllib.request,os,hashlib; h = 'eb2297e1a458f27d836c04bb0cbaf282' + 'd0e7a3098092775ccb37ca9d6b2e4b7d'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)

待 Package Control 安装完成之后，用 cmd + shift + p 打开命令面板输入 PC 即可看到和 Package Control 相关的选项。紧接着就可以安装（管理）各种插件了。

配置

Sublime Text 并不提供专门的配置界面，而是通过 JSON 文件来放置各种配置信息。而每种配置信息都分为 Default 和 User 两个版本，即 Default 为默认配置，因此不建议直接修改 Default 配置文件，而是在 User 文件中放置自己的个性化配置。

比如我的部分配置：

1
2
3
4
5
6
7
8
9
10
11
{
  "font_size": 14,
  "font_face": "Monaco",
  "theme": "Spacegray.sublime-theme",
  "color_scheme": "Packages/User/SublimeLinter/base16-ocean.dark (SL).tmTheme",
  "tab_size": 2,
  "translate_tabs_to_spaces": true,
  "trim_automatic_white_space": true,
  "trim_trailing_white_space_on_save": true,
  "ensure_newline_at_eof_on_save": true
}

插件推荐

参考资料

#mac #sublime text
前端开发者的 Mac 配置手册（一）