如何把 Sublime 变身为 JavaScript 编辑器

swift 发布于 2017年09月23日
插件控制中心

首先,我们需要安装 Package Control, 进入它的安装主页 https://packagecontrol.io/installation

大家可以看到:

正如提示中描述的, 在 Sublime 中按下 Ctrl + ` 快捷键来打开控制台, 然后把页面中的那段脚本复制进去,然后执行就 OK 了。 脚本的具体内容大家一定要从 Package Control 的主页去获取, 因为这个脚本随时可能会更新, 官方主页上的一直是最新的。

成功安装后, 就可以看到这个提示了:

接下来, 按下 Command + Shift + P 键, 打开命令面板, 并且输入 install, 可以看到 Install Package 选项:

按下回车打开它, 就可以看到可用插件的列表了

一切就绪后, 可以开始配置插件了。 给大家推荐几个我在用的插件。

JSHint Gutter 插件

JSHint 是非常流行的 JS 语法检查工具, 它是一套独立的库, 并且提供命令行版本。 它可以帮助你写出更加符合 JS 标准规范的代码, 我们可以调用 jshint 命令并传入我们的代码文件, 它就会帮我们找出不符合规范的代码,并且给出提示。

并且 Sublime 也提供了 JSHint 的支持, 我们只需要安装插件, 就可以将 Sublime 和 JSHint 无缝集成起来了。

按照我们刚才的方式打开插件列表, 并且输入 jshint,就可以看到 JSHint Gutter 插件了:

直接按下回车安装。 JSHint 插件默认不会自动执行, 但我更偏好让他在代码编辑中自动检测, 那么可以按下 Command + Shift + P 再次打开命令行面板, 然后输入 jsHint, 选择 Set Plugin Options 选项:

JSHint 插件的配置选项其实就是一个配置文件, 只需要将 lint_on_edit 属性设置为 true 它就会自动执行了:

这样, 当我们的代码有不符合对方的时候, 插件就会给出错误提示:

如果想看到这些错误的详细内容, 按下 Command + Shift + J 键来查看:

对于有代码洁癖的同学, 或者希望写出高质量代码的朋友来说,JSHint 都会是一个很不错的工具, 比较推荐。

JSDoc 插件

这个也是我比较喜欢的插件, JSDoc 顾名思义,就是一个文档注释插件。 比如我们可以向这样,只输入 /** 然后按下回车, JSDoc 就会根据下面函数定义生成注释模板:

另外,JSDoc 本身也是一套工具体系, 除了插件能帮助我们生成方便的注释模板之外, JSDoc 还能够根据这些注释输出标准化的 API 文档, 可谓一举两得。 JSDoc 插件的安装方式也都一样, 还是按照我们刚才的方法打开插件列表。

并且找到 DocBlockr, 然后安装即可。

良好的注释习惯, 也是写出高质量代码的一个保障。

结尾

这次跟大家聊了聊 Sublime 的插件, 插件几乎存在于很多开发工具中, 合理的使用插件会对我们的开发过程提供很多帮助。 但插件也不是越多越好,太多的插件有时也会造成混乱。 希望大家都向大牛的方向迈进~


如果你觉得这篇文章有帮助,还可以关注微信公众号 swift-cafe,会有更多我的原创内容分享给你~

本站文章均为原创内容,如需转载请注明出处,谢谢。
关注微信公众号
发现更多精彩
swift-cafe