如何把 Sublime 变身为 JavaScript 编辑器

   <p>Sublime 是一款非常流行并且强大的文本编辑工具， 除了它提供的基础功能， 它还支持第三方插件， 配置适合我们工作流的插件可以让使用 Sublime 的时候更加舒服。</p>    <h2>插件控制中心</h2>    <p>首先，我们需要安装 Package Control, 进入它的安装主页 <a href="/misc/goto?guid=4958964612050589407" rel="nofollow,noindex">https://packagecontrol.io/installation</a></p>    <p>大家可以看到：</p>    <p><img src="https://simg.open-open.com/show/1bd34a6bd83c52631ecde3add7a2663b.png"></p>    <p>正如提示中描述的， 在 Sublime 中按下 Ctrl + ` 快捷键来打开控制台， 然后把页面中的那段脚本复制进去，然后执行就 OK 了。 脚本的具体内容大家一定要从 Package Control 的主页去获取， 因为这个脚本随时可能会更新， 官方主页上的一直是最新的。</p>    <p>成功安装后， 就可以看到这个提示了：</p>    <p><img src="https://simg.open-open.com/show/74a1cbc696e4902f0c4931c8f01274c0.png"></p>    <p>接下来， 按下 Command + Shift + P 键， 打开命令面板， 并且输入 install， 可以看到 Install Package 选项：</p>    <p><img src="https://simg.open-open.com/show/3dad63f93c6332481ab5b111c707441d.png"></p>    <p>按下回车打开它， 就可以看到可用插件的列表了</p>    <p><img src="https://simg.open-open.com/show/c3090fb875a61ee528e7dd5bca4cabf1.png"></p>    <p>一切就绪后， 可以开始配置插件了。 给大家推荐几个我在用的插件。</p>    <h2>JSHint Gutter 插件</h2>    <p>JSHint 是非常流行的 JS 语法检查工具， 它是一套独立的库， 并且提供命令行版本。 它可以帮助你写出更加符合 JS 标准规范的代码， 我们可以调用 jshint 命令并传入我们的代码文件， 它就会帮我们找出不符合规范的代码，并且给出提示。</p>    <p>并且 Sublime 也提供了 JSHint 的支持， 我们只需要安装插件， 就可以将 Sublime 和 JSHint 无缝集成起来了。</p>    <p>按照我们刚才的方式打开插件列表， 并且输入 jshint，就可以看到 JSHint Gutter 插件了：</p>    <p><img src="https://simg.open-open.com/show/921a3b4b9ef1d24e4c19c43c0f192736.png"></p>    <p>直接按下回车安装。 JSHint 插件默认不会自动执行， 但我更偏好让他在代码编辑中自动检测， 那么可以按下 Command + Shift + P 再次打开命令行面板， 然后输入 jsHint， 选择 Set Plugin Options 选项：</p>    <p><img src="https://simg.open-open.com/show/2d3e1344a0065b9c6c7ea9a92f43344b.png"></p>    <p>JSHint 插件的配置选项其实就是一个配置文件， 只需要将 lint_on_edit 属性设置为 true 它就会自动执行了：</p>    <p><img src="https://simg.open-open.com/show/3815287e09e58c4328567e483cc919a1.png"></p>    <p>这样， 当我们的代码有不符合对方的时候， 插件就会给出错误提示：</p>    <p><img src="https://simg.open-open.com/show/d43d3e7307c8c3735ada5b347fa7ef9f.png"></p>    <p>如果想看到这些错误的详细内容， 按下 Command + Shift + J 键来查看：</p>    <p><img src="https://simg.open-open.com/show/58d3c5c95d5784cc1bbd6db8b264bc7e.png"></p>    <p>对于有代码洁癖的同学， 或者希望写出高质量代码的朋友来说，JSHint 都会是一个很不错的工具， 比较推荐。</p>    <h2>JSDoc 插件</h2>    <p>这个也是我比较喜欢的插件， JSDoc 顾名思义，就是一个文档注释插件。 比如我们可以向这样，只输入 /** 然后按下回车， JSDoc 就会根据下面函数定义生成注释模板：</p>    <p><img src="https://simg.open-open.com/show/8c3d2ee06ecef89be9e7cb8e2f416b8f.png"></p>    <p>另外，JSDoc 本身也是一套工具体系， 除了插件能帮助我们生成方便的注释模板之外， JSDoc 还能够根据这些注释输出标准化的 API 文档， 可谓一举两得。 JSDoc 插件的安装方式也都一样， 还是按照我们刚才的方法打开插件列表。</p>    <p>并且找到 DocBlockr， 然后安装即可。</p>    <p><img src="https://simg.open-open.com/show/936a02751f308025180d7a6e50cd7d24.png"></p>    <p>良好的注释习惯， 也是写出高质量代码的一个保障。</p>    <h2>结尾</h2>    <p>这次跟大家聊了聊 Sublime 的插件， 插件几乎存在于很多开发工具中， 合理的使用插件会对我们的开发过程提供很多帮助。 但插件也不是越多越好，太多的插件有时也会造成混乱。 希望大家都向大牛的方向迈进~</p>    <p> </p>    <p>来自：http://www.swiftcafe.io/2016/08/17/sublime-js/</p>    <p> </p>