SublimeLinter js和css的语法检查

JavaScript 语法检查

SublimeLinter-jshint 是基于 nodeJS 下的 jshint 的插件，实际上 SublimeLinter-jshint 调用了 nodeJS 中 jshint 的接口来进行语法检查的。

---

安装 SublimeLinter-jshint

为了让 JavaScript 代码有语法检查，我们安装 SublimeLinter-jshint 
同样的方法，我们安装 SublimeLinter-jshint

1. 按下 Ctrl+Shift+p 进入
   Command Palette
2. 输入install进入
   Package Control: Install Package
3. 输入SublimeLinter-jshint。进行安装.

如下图

安装完成后我们可以看到下面的一段话

1. SublimeLinter-jshint
2. -------------------------------
3. This linter plugin for SublimeLinter provides an interface to jshint.
4.  
5. ** IMPORTANT! **
6.  
7. Before this plugin will activate, you *must*
8. follow the installation instructions here:
9.  
10. https://github.com/SublimeLinter/SublimeLinter-jshint

---

安装 nodeJS 和 jshint

在插件开始工作之前，我们必须再看一下上述插件的安装说明 
通过 SublimeLinter-jshint 的说明 我们可以看到，这个组件依赖于
nodeJS 下的 jshint，所以我们安装 nodeJS 环境和 nodeJS 下的 jshint。

1. 安装 Node.js （如何安装配置在sublime text，在下一条博客）
2. 通过 npm 安装jshint （注意这个命令 npm install -g jshint是放在cmd运行，而不是sublime text的控制台）


在命令行下输入如下代码，完成安装

1. npm install -g jshint

安装完成后命令行中出现如下的信息

1. C:\Users\Administrator\AppData\Roaming\npm\jshint -> C:\Users\Administrator\AppData\Roaming\npm\node_modules\jshint\bin\jshint
2. jshint@2.6.3 C:\Users\Administrator\AppData\Roaming\npm\node_modules\jshint
3. ├── strip-json-comments
4. ├── underscore@1.6.0
5. ├── exit@0.1.2
6. ├── shelljs@0.3.0
7. ├── console-browserify@1.1.0 (date-now@0.1.4)
8. ├── htmlparser2@3.8.2 (domelementtype@1.3.0, entities@1.0.0, domhandler@2.3.0, readable-stream@1.1.13, domutils@1.5.1)
9. ├── minimatch@1.0.0 (sigmund@1.0.0, lru-cache@2.5.0)
10. └── cli@0.6.6 (glob@3.2.11)

可以查看 jshint 版本，已确认安装完成。

1. C:\Users\Administrator>jshint -v
2. jshint v2.6.3

现在，恭喜你，我们使用 Sublime 编辑 JavaScript 文件，就会有语法检查了！

在编辑过程中，会有如下提示

点击提示点后，Sublime 状态栏也会有相应的说明

---

css 语法检查

与 jshint 同理，SublimeLinter-csslint 也是基于 nodeJS 下的 csslint 的插件，实际上 SublimeLinter-csslint 调用了 nodeJS 中 csslint 的接口来进行语法检查的。

---

安装 SublimeLinter-csslint

同样的方法。

1. 按下 Ctrl+Shift+p 进入 Command Palette
2. 输入install进入 Package Control: Install Package
3. 输入SublimeLinter-csslint。进行安装.

如下图

安装完成后我们可以看到下面的一段话

1. SublimeLinter-csslint
2. -------------------------------
3. This linter plugin for SublimeLinter provides an interface to csslint.
4.  
5. ** IMPORTANT! **
6.  
7. Before this plugin will activate, you *must*
8. follow the installation instructions here:
9.  
10. https://github.com/SublimeLinter/SublimeLinter-csslint

在使用插件之前，必须遵循上述网址中的安装说明

---

在 nodeJS 下安装 csslint

进入上述的 GitHub 地址，csslint 的说明页。我们知道了和 jshint 一样，csslint 也是基于 nodeJS 下的 csslint 来使用的。

这里安装 nodeJS 过程省略。 
只需用 npm 安装 csslint 即可。

在命令行中输入

1. npm install -g csslint

安装完成后命令行中出现如下的信息

1. C:\Users\Administrator\AppData\Roaming\npm\csslint -> C:\Users\Administrator\AppData\Roaming\npm\node_modules\csslint\cli.js
2. csslint@0.10.0 C:\Users\Administrator\AppData\Roaming\npm\node_modules\csslint
3. └── parserlib@

可以查看 csslint 版本，已确认安装完成。

1. C:\Users\Administrator>csslint --version
2. v0.10.0

现在，恭喜你，我们使用 Sublime 编辑 css 文件，就会有语法检查了！

在编辑过程中，会有如下提示

点击提示点后，Sublime 状态栏也会有相应的说明