美文网首页Sublime Text工具使用技巧
代码校验工具SublimeLinter

代码校验工具SublimeLinter

作者: _shen | 来源:发表于2018-01-02 23:41 被阅读55次

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

一、安装SublimeLinter插件

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

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

3.输入SublimeLinter。进行安装.

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

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

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

二、安装 SublimeLinter-jshint插件

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

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

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

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

1).安装NodeJS

2).通过 npm 安装jshint

npm install -g jshint  

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

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

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

三、安装 SublimeLinter-csslint插件

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

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

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

4.通过 npm 安装安装 csslint

npm install -g csslint  

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

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

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

相关文章

网友评论

    本文标题:代码校验工具SublimeLinter

    本文链接:https://www.haomeiwen.com/subject/btecnxtx.html