使用 Sublime Text 做 Javascript 编辑器 - 集成 JSHint 问题检测工具

JSHint（jshint.com）是 Javascritp 代码质量工具，可以帮助开发人员发现 Javascript 代码中的错误和潜在的问题。jshint.com 是一个在线编辑器，我们可以为 Sublime Text 安装插件，使其拥有此项功能。可选的插件如下：

　　　　Sublime-JSHint Gutter：可使 Sublime Text 2 和 Sublime Text 3 图像化的显示问题提示信息。

　　　　Sublime Linter：可使 Sublime Text 2 行内高亮显示提示信息。

 

安装 Sublime-JSHint Gutter 插件

在为 Sublime Text 编辑器安装 Sublime-JSHint 插件之前，要首先确保机器中安装有 node.js。这是因为 Sublime-JSHint 插件所仰仗的 JSHint 是使用 Javascript 开发的，要保证其可在浏览器外可运行。

1 获取 Sublime-JSHint 源码。可通过 git 命令。

1 git clone https://github.com/victorporof/Sublime-JSHint.git

2 打开 Sublime Text Package 文件夹。Preferences -> Browse Packages。

3 将步骤1中获取到的 Sublime-JSHint 文件夹移到 Packages 文件夹中。

4 重启 Sublime Text。

除了以上的方式外，还可以通过 Sublime Package Manager 安装，更加简便。

1 Ctrl+Shift+P 呼出 Sublime 命令面板。

2 键入 install, 并选择 Package Control: Install Package。

3 键入 js gutter, 并选择 JSHint Gutter。

若 Sublime Text 未安装 Package Manager，可移步 https://packagecontrol.io/installation。

 

Sublime-JSHint 使用

方法1：由菜单 Tools -> Command Palette（或快捷键 Ctrl+Shift+P）打开命令面板。键入 jshint 并选择 JSHint。

方法2：打开一 js 文件，并打开控制台（View -> Show Console），在控制台中键入 view.run_command("jshint")。

 

参考资料：

victorporof/Sublime-JSHint　　https://github.com/victorporof/Sublime-JSHint

Download and install(JSHint)　　http://jshint.com/install/

Install Sublime Package Control　　https://packagecontrol.io/installation