摘要：對(duì)于不同的代碼文本，可以使用不同的代碼檢查工具進(jìn)行檢查。本文中介紹代碼檢查插件，與代碼檢查插件。默認(rèn)為，設(shè)置為表示只對(duì)文件的根目錄有效，設(shè)置為表示禁止文件的查找。效果如下黃色代表警告，紅色代表錯(cuò)誤。

linter是用來檢查代碼是否符合規(guī)則的工具，例如檢查Javascript代碼的jshint工具，你可以設(shè)置其規(guī)則"eqeqeq":true，那么如果在你的代碼文件中使用了==而不是===，那么檢查的時(shí)候就會(huì)給出提示。

SublimeLinter是SublimeText的插件，它只是一個(gè)進(jìn)行代碼檢查的框架，可以包括其他代碼檢查插件。
SublimeLinter可以容納許多l(xiāng)inter插件，如SublimeLinter-jshint、SublimeLinter-csslint。SublimeLinter相當(dāng)于一個(gè)插件容器，而具體的插件則負(fù)責(zé)調(diào)用具體的linter工具進(jìn)行代碼檢查，如jshint、csslint。
對(duì)于不同的代碼文本，SublimeLinter可以使用不同的代碼檢查工具進(jìn)行檢查。例如.js文件使用jshint， .css文件使用csslint。

進(jìn)行代碼檢查的實(shí)際上是jshint與csslint這些代碼檢查工具。
例如我們要對(duì)JS代碼文件myApp.js進(jìn)行檢查，不使用SublimeText編輯器的話，我們需要在windows的命令行窗口輸入jshint myApp.js，然后檢查結(jié)果會(huì)輸出在命令行窗口，你可以按照一條條的提示修正代碼。
而SublimeLinter優(yōu)化了這個(gè)過程，它可以在你編寫代碼的時(shí)候就實(shí)時(shí)進(jìn)行代碼檢查(當(dāng)然這個(gè)時(shí)機(jī)是可以配置的，可以實(shí)時(shí)檢查，也可以在保存文件的時(shí)候檢查等)。而且檢查的結(jié)果會(huì)直接在你的代碼上進(jìn)行提示，省去了你每次關(guān)閉便捷器，再去命令行窗口檢查的麻煩，而且結(jié)果更加直觀。
當(dāng)然，SublimeText進(jìn)行代碼檢查的插件有很多，你也可以選用其他的代碼檢查插件。

推薦大家使用PackageControl進(jìn)行SublimeLinter的安裝，使用快捷鍵Ctrl+Shift+P，輸入Install Package, 然后輸入SublimeLinter安裝。關(guān)于PackageControl，前文中已有介紹。

由于SublimeLinter只是一個(gè)linter插件的框架，因此，還需要安裝額外的linter插件。
本文中介紹Javascript代碼檢查插件JSHint，與CSS代碼檢查插件csslint。
使用PackageControl分別安裝SublimeLinter-jshint與SublimeLinter-csslint

這一步安裝的是具體的代碼檢查工具，我們使用jshint與csslint。這兩個(gè)模塊的安裝需要node和npm的支持，大家可以到NodeJS官網(wǎng)下載windows的node安裝包安裝，網(wǎng)上資料很多，就不再討論。
在安裝好node與npm后，使用
npm install jshint -g
npm install csslint -g
將jshint與csslint兩個(gè)模塊安裝到全局環(huán)境

SublimeLinter的Settings可使用一個(gè)設(shè)置棧來表示，棧中位置高的設(shè)置可以覆蓋位置低的設(shè)置，SublimeLinter融合棧中所有的設(shè)置，最后形成代碼檢查時(shí)的設(shè)置。

Inline overrides
Inline settings
.sublimelinterrc settings
Project settings
User settings
Default settings

SublimeLinter的設(shè)置可分為三種類型:Global、Linter、Meta。
Global類型的設(shè)置用來控制SublimeLinter的行為和顯示，例如"error_color"用來設(shè)置錯(cuò)誤標(biāo)記的顏色
Linter類型的設(shè)置針對(duì)具體的linter工具，Linter類型的設(shè)置全部放在linters這個(gè)設(shè)置中，使用object表示，object中的子項(xiàng)用來配置具體的linter。如

"linters": {
   "csslint": {
      "@disable": false,
      "args": [],
      "errors": "",
      "excludes": [],
      "ignore": "",
      "warnings": ""
   },
   "jshint": {
     "@disable": false,
     "args": [],
     "excludes": []
   }
}

Meta類型的設(shè)置全部以"@"開頭，Meta類型可以在全局范圍進(jìn)行設(shè)置，此時(shí)可以控制所有的linter，例如設(shè)置"@disable":true，那么所有的linter都被禁用；Meta類型如果在多帶帶的linter中設(shè)置，就只能用來控制多帶帶的linter。

Default settings是SublimeLinter與linter默認(rèn)寫入的，在SublimeLinter更新的時(shí)候會(huì)被覆蓋，因此不要修改Default settings

User Settings保存在Packages/User/SublimeLinter.sublime-settings文件中，可以通過Preferences->Package Settings->Sublime-Linter->Settings-User打開。
為了讓大家知道哪些設(shè)置是可用的，每次打開這個(gè)文件，SublimeLinter都會(huì)列出所有的設(shè)置項(xiàng)。
對(duì)用戶來言，User Settings其實(shí)是當(dāng)做SublimeLinter的全局設(shè)置來用的

Project settings用來對(duì)項(xiàng)目的代碼檢查進(jìn)行配置，可以通過Project->Edit Project打開SublimeText的項(xiàng)目配置文件。
所有的Project settings都放在一個(gè)"SublimeLinter"的object中。在"SublimeLinter"對(duì)象中配置的Sublime Linter配置對(duì)項(xiàng)目中的所有文件都是有效的。

.sublimelinterrc settings是大家用的比較多的方法。
通過在項(xiàng)目目錄下建立.sublimelinterrc文件來控制目錄及其子目錄中代碼文件的SublimeLinter設(shè)置。
SublimeLinter會(huì)先在文件的當(dāng)前目錄中查找.sublimelinterrc文件，如果找不到，會(huì)向上一級(jí)目錄繼續(xù)查找。第一個(gè)被找到的.sublimelinterrc文件，用作.sublimelinterrc settings的設(shè)置，SublimeLinter并不對(duì)所有.sublimelinterrc文件的設(shè)置進(jìn)行融合
對(duì).sublimelinterrc文件查找的深度，通過"rc_search_limit"進(jìn)行設(shè)置。默認(rèn)為3，設(shè)置為null表示只對(duì).sublimelinterrc文件的根目錄有效，設(shè)置為0表示禁止.sublimelinterrc文件的查找。

Projects/
    Foobar/
        build/
            out.py
        src/
            foo/
                foo.py
                foobar.py
                baz/
                    baz.py
            bar/
                bar.py
        test/
            footest.py
            foobartest.py

如對(duì)上面的文件結(jié)構(gòu)，"rc_search_limit"設(shè)置為3。那么.sublimelinterrc文件在以下目錄將分別影響以下文件:

foo – foo.py, foobar.py 和 baz/baz.py

src – foo, foo/baz, and bar目錄下的所有文件

Foobar – build, src/foo, src/bar, 和test目錄下的文件, 但是src/foo/baz目錄下的文件不受影響，其查找深度應(yīng)至少為4。

Inline settings用來針對(duì)單個(gè)文件進(jìn)行設(shè)置。
Inline overrides用來針對(duì)單個(gè)文件進(jìn)行設(shè)置，但與覆蓋設(shè)置棧中的其他設(shè)置不同，它可以添加或刪除設(shè)置的項(xiàng)。
具體請(qǐng)參考這里。

SublimeLinter的運(yùn)行模式，總共有四種，分別如下：

true - 在用戶輸入時(shí)在后臺(tái)進(jìn)行即時(shí)校驗(yàn)
false - 只有在初始化的時(shí)候才進(jìn)行校驗(yàn)
"load-save" - 當(dāng)文件加載和保存的時(shí)候進(jìn)行校驗(yàn)
"save-only" - 只有當(dāng)文件被保存的時(shí)候進(jìn)行校驗(yàn)
根據(jù)個(gè)人愛好選擇，個(gè)人推薦"save-only"
可在Tools->Sublime Linter->Lint Mode中進(jìn)行設(shè)置
錯(cuò)誤標(biāo)記樣式(Mark Style)以及側(cè)邊欄主題(Gutter Theme)也可在Tools->Sublime Linter中進(jìn)行設(shè)置。大家可以選擇自己喜歡的外觀。
這樣在每次保存文件時(shí)，SublimeLinter就會(huì)進(jìn)行檢查了。效果如下

黃色代表警告，紅色代表錯(cuò)誤。
只有顏色和標(biāo)記提示還不夠，可以Ctrl+Shift+P打開命令行窗口，輸入Show All Errors，那么就會(huì)在一個(gè)窗口中給出所有的錯(cuò)誤提示了~如下圖

可以在每次保存時(shí)顯示錯(cuò)誤提示窗口。通過Tools->Sublime Linter->Show Errors On Save設(shè)置，也可在User Settings或者.sublimelinterrc settings中設(shè)置

jshint與csslint可以在.jshintrc與.csslintrc中設(shè)置，我的設(shè)置如下：
.jshintrc文件設(shè)置

{
  "bitwise": true,//不能使用位運(yùn)算符&
  "curly": true,//不能省略循環(huán)和條件語句的大括號(hào)
  "forin":true,//for in需要hasOwnProperty檢查
  "latedef":"nofunc",//先定義變量,函數(shù)聲明除外
  "undef":true,//變量未定義
  "unused":"strict",//檢查未使用的變量與函數(shù)參數(shù)，跳過函數(shù)
  "noarg":true,//禁止使用 arguments.caller 和 arguments.callee
  "maxparams": 4,//最多參數(shù)個(gè)數(shù)
  "browser":true,//允許與瀏覽器相關(guān)的關(guān)鍵字,如document、history、clearIntreval等
  "devel":true,//允許與開發(fā)相關(guān)的關(guān)鍵字,像alert,console等
  "indent": 2,//縮進(jìn)2空格
  "maxerr":50,//超過50個(gè)錯(cuò)誤,jslint停止工作
  "newcap":true,//允許構(gòu)造器函數(shù)首字母非大寫
  "nomen": true,//不允許在兩邊(最前或最后)懸掛下劃線符號(hào)(_)
  "plusplus": false,//允許++和--
  "eqeqeq": true,//使用===做判斷
  "maxlen": 120,//行最大長度
  "strict":true,//函數(shù)級(jí)別必須有"use strict"指令
  //"maxstatements": 5,//限制函數(shù)內(nèi)聲明語句的個(gè)數(shù)
  "node": true,//node環(huán)境
  "jquery":true//jquery環(huán)境
}

.csslintrc文件設(shè)置

{
  "adjoining-classes": false,
  "box-sizing": false,
  "box-model": false,
  "compatible-vendor-prefixes": false,
  "floats": false,
  "font-sizes": false,
  "gradients": false,
  "important": false,
  "known-properties": false,
  "outline-none": false,
  "qualified-headings": false,
  "regex-selectors": false,
  "shorthand": false,
  "text-indent": false,
  "unique-headings": false,
  "universal-selector": false,
  "unqualified-attributes": false
}