代码校验工具SublimeLinter

SublimeLinter 是 Sublime 的插件,主要用途就是检查代码语法是否有错误,并提示错误信息。

一、安装SublimeLinter插件

1.按下 Ctrl+Shift+p 进入 Command Palette

2.输入pci进入 Package Control: Install Package

3.输入SublimeLinter。进行安装.

代码校验工具SublimeLinter_第1张图片

安装完成后,显示如下信息:

代码校验工具SublimeLinter_第2张图片

“Linters *NOT* included with SublimeLinter 3, they must be installed separately.”。也就说sublimeLinker只是一个容器,具体的插件是独立分开的。其官网上也特别的强调了:

代码校验工具SublimeLinter_第3张图片

因此,根据我们的需要,还要安装独立的js和css校验插件,首先安装js校验插件:

二、安装 SublimeLinter-jshint插件

1.按下 Ctrl+Shift+p 进入 Command Palette

2.输入pci进入 Package Control: Install Package

3.输入SublimeLinter-jshint。进行安装.

代码校验工具SublimeLinter_第4张图片

由于SublimeLinter-jshint组件依赖于 nodeJS 下的 jshint,所以需要安装 nodeJS 环境和 nodeJS 下的 jshint。

1).安装NodeJS

2).通过 npm 安装jshint

npm install -g jshint  

3).通过查看 jshint 版本,确认安装成功

4.重新打开 Sublime ,编辑 JavaScript 文件,就会有语法检查了

代码校验工具SublimeLinter_第5张图片

我们可以看到,红点位置表示错误位置,在底部状态栏有具体的提示信息。

三、安装 SublimeLinter-csslint插件

1.按下 Ctrl+Shift+p 进入 Command Palette

2.输入pci 进入 Package Control: Install Package

3.输入SublimeLinter-csslint。进行安装.

代码校验工具SublimeLinter_第6张图片

4.通过 npm 安装安装 csslint

npm install -g csslint  

5.通过查看 csslint 版本,确认安装成功

6.重新打开 Sublime ,编辑 JavaScript 文件,就会有语法检查了,如下图所示

代码校验工具SublimeLinter_第7张图片

关于sublimelinter的详细配置可参考官网手册:http://www.sublimelinter.com/

你可能感兴趣的:(代码校验工具SublimeLinter)