使用 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