利器：Sublime text 3 磨砺篇

2017-04-29 本文已影响109人夏暮

“铁须砺以成利器”——《书·说命上》孔传

写了近三年的代码，估计也有上万行了。期间换过几种武器，目前觉得最顺手的还是 sublime text3。说来原因也很简单，最初使用低配的 PC 开发，多开几个应用就卡的不要不要的，所以一直使用着流畅的 sublime text3。期间虽然试用过 VScode 和 Atom，都因为无法忍受其占用过多内存进而导致 PC 卡顿不已，而最终放弃了。也因此，现在才有了磨砺近三年、专属于自己的一个 sublime text3。

# 关于 package control

Package Control —— sublime text3 的包管理工具，后面安装的插件和主题都可以在这里找到介绍和配置方式。但是，sublime text3 默认是没有安装 Package Control 的，所以首先要安装它。具体安装方式在这个网页有详细介绍。这里只简单提下步骤：

启动 sublime text3 ，然后按住快捷键 crtl +` [这个就是 Tab 👆的那个键]。sublime text3 就会在底部弹出 console 区。
在 console 区输入上面网页里的一串 Python code。
最后，sublime text3 会自己安装好 package control。

# 挑选主题

自古美人如玉剑如虹，sublime text3 的主题之丰富、质量之高，在众 IDE 中估计是无人能及了。可以想见，程序员们的审美需求很大，而且审美也很高。我挑了近两年的主题，各种风格的都尝试过，其中 material-theme 是我用的最久的一款，也是我认为美感和舒适度极佳的一款。下面放张官网扒的图片：

ayu-them

# 小米加大炮

sublime text3 如同编程必须的小米一样重要，但是没有大炮加持也很难打下大片江山啊。所以，强劲的插件能够让 sublime text3 应对各种开发场景而游刃若有余地。【注：只限前端开发常用插件】
那么如何安装下面这些插件了？既然安装了 Package Control ，那么通过 Package Control 来安装管理这些插件就是易如反掌的事情了。

step1 启动 sublime text3 ，按住 ctrl + shift + p。弹出如下命令栏：

image.png

step2 如图，输入 ‘install package’ 或间写几个字母就能搜索出安装命令，然后输入插件的名称就自动安装。

格式优化类

auto-spacing【自动添加盘古之白，至于什么是盘古之白，看这篇《為什麼你們就是不能加個空格呢？》】
emmet【简化 html 标签的书写，最少可以减少60%单词的输入，使用方式在官网有详细介绍。而兼容 jsx 内的配置在 gistbox 】
html-css-jsprettify（格式化 html、css、js 文件）
CSScomb【css 属性排列规则配置是采用 bootstrap css 属性规则，配置在 gistbox 】
pretty JSON （格式化 JSON 文件）

编辑器增强类

DocBlockr【自动为文件添加注释】
FileDiffs（文件差异对比）
EditorConfig【多人共同编程时统一多人编辑器的基础规则设定）
project manager【项目管理工具】
AutoFileName【自动补全提示文件路径】
WakaTime【记录编程时间】
AdvancedNewFile【快速新建文件】
QuoteHTML【html 拼接成 js 字符串】
markdown preview【预览 md 文件】
SideBarEnhancements【侧边栏增强工具】

语法高亮类

babel（ES6, jsx 语法高亮）
LESS（less 语法高亮）
BracketHighlighter（符号高亮）
scss （ scss 语法高亮）
stylus （styls 语法高亮）
TypeScript （typescript 语法高亮，语法提示）
Vue Syntax Hightlight（vue 文件语法高亮）

# 配置

这里我只写几个配置项的解释，详细的配置可以查看 gistbox。
进入配置文件修改的方式如下图：