代码校验工具 SublimeLinter 的安装与使用
- content
{:toc}
本文我将讲述一下 SublimeLinter 的安装过程。其组件 jshint 的安装与使用。其组件 csslint 的安装与使用。我将基于 Sublime Text 3 来安装。使用 Sublime Text 2 的用户阅读本文是没有帮助的。
SublimeLinter 是 Sublime 的插件,它的作用是检查代码语法是否有错误,并提示。习惯了 IDE 下写代码的人一定需要一款在 Sublime 上类似的语法检查工具。下面我们开始。
安装 SublimeLinter
如同其他插件一样使用 Package Control 来安装。
- 按下
Ctrl+Shift+p
进入 Command Palette - 输入
install
进入 Package Control: Install Package - 输入
SublimeLinter
。进行安装.
安装完成后可以看到这样一段话:
1 | Welcome to SublimeLinter, a linter framework for Sublime Text 3. |
可以看到具体的 Linters 组件不被包含在 SublimeLinter 3 中,所以我们要额外独立安装组件。
可以针对不同的语言安装不同的组件。
JavaScript 语法检查
SublimeLinter-jshint 是基于 nodeJS 下的 jshint 的插件,实际上 SublimeLinter-jshint 调用了 nodeJS 中 jshint 的接口来进行语法检查的。
安装 SublimeLinter-jshint
为了让 JavaScript 代码有语法检查,我们安装 SublimeLinter-jshint
同样的方法,我们安装 SublimeLinter-jshint
- 按下
Ctrl+Shift+p
进入 Command Palette - 输入
install
进入 Package Control: Install Package - 输入
SublimeLinter-jshint
。进行安装.
如下图
安装完成后我们可以看到下面的一段话
1 | SublimeLinter-jshint |
安装 nodeJS 和 jshint
在插件开始工作之前,我们必须再看一下上述插件的安装说明
通过 SublimeLinter-jshint 的说明 我们可以看到,这个组件依赖于 nodeJS 下的 jshint,所以我们安装 nodeJS 环境和 nodeJS 下的 jshint。
- 安装 Node.js
- 通过 npm 安装
jshint
在命令行下输入如下代码,完成安装
npm install -g jshint
安装完成后命令行中出现如下的信息
1 | C:\Users\Administrator\AppData\Roaming\npm\jshint -> C:\Users\Administrator\AppData\Roaming\npm\node_modules\jshint\bin\jshint |
可以查看 jshint 版本,已确认安装完成。
1 | C:\Users\Administrator>jshint -v |
现在,恭喜你,我们使用 Sublime 编辑 JavaScript 文件,就会有语法检查了!
在编辑过程中,会有如下提示
点击提示点后,Sublime 状态栏也会有相应的说明
css 语法检查
与 jshint 同理,SublimeLinter-csslint 也是基于 nodeJS 下的 csslint 的插件,实际上 SublimeLinter-csslint 调用了 nodeJS 中 csslint 的接口来进行语法检查的。
安装 SublimeLinter-csslint
同样的方法。
- 按下
Ctrl+Shift+p
进入 Command Palette - 输入
install
进入 Package Control: Install Package - 输入
SublimeLinter-csslint
。进行安装.
如下图
安装完成后我们可以看到下面的一段话
1 | 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 |
可以查看 csslint 版本,已确认安装完成。
1 | C:\Users\Administrator>csslint --version |
现在,恭喜你,我们使用 Sublime 编辑 css 文件,就会有语法检查了!
在编辑过程中,会有如下提示
点击提示点后,Sublime 状态栏也会有相应的说明