转载

如何把 Sublime 变身为 JavaScript 编辑器

Sublime 是一款非常流行并且强大的文本编辑工具, 除了它提供的基础功能, 它还支持第三方插件, 配置适合我们工作流的插件可以让使用 Sublime 的时候更加舒服。

插件控制中心

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

大家可以看到:

如何把 Sublime 变身为 JavaScript 编辑器

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

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

如何把 Sublime 变身为 JavaScript 编辑器

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

如何把 Sublime 变身为 JavaScript 编辑器

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

如何把 Sublime 变身为 JavaScript 编辑器

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

JSHint Gutter 插件

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

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

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

如何把 Sublime 变身为 JavaScript 编辑器

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

如何把 Sublime 变身为 JavaScript 编辑器

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

如何把 Sublime 变身为 JavaScript 编辑器

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

如何把 Sublime 变身为 JavaScript 编辑器

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

如何把 Sublime 变身为 JavaScript 编辑器

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

JSDoc 插件

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

如何把 Sublime 变身为 JavaScript 编辑器

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

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

如何把 Sublime 变身为 JavaScript 编辑器

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

结尾

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

原文  http://www.swiftcafe.io/2016/08/17/sublime-js/
正文到此结束
Loading...