Sublime Text 3使用SublimeLinter配置JS,CSS,HTML语法检查(实用)

Sublime Text 3使用SublimeLinter配置JS,CSS,HTML语法检查

Sublime安装插件有两种方式：　　

1.直接下载安装包解压缩到Packages目录，　　

2.通过Package Control组件来安装组件，后者更加的方便。

1.安装Package Control

　　很简单，百度一搜基本都有。

2.安装SublimeLinter

  SublimeLinter是Sublime的一个代码检测工具插件。

安装SublimeLinter前必须安装node.js

1.打开Sublime，按下 Ctrl+Shift+p 进入 Command Palette;

2.输入install进入 Package Control: Install Package;

3.输入SublimeLinter，选择SublimeLinter进行安装。

说明：

安装完成后，可以看到具体的 Linters 组件不被包含在 SublimeLinter 3 中，所以，我们要额外独立安装组件。

3.可以针对不同的语言安装不同的组件。

3.1JavaScript 语法检查

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

操作：安装 SublimeLinter-jshint，让 JavaScript 代码有语法检查

插件使用说明：https://github.com/SublimeLinter/SublimeLinter-jshint

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

运行cmd:
    1.通过 npm 安装jshint：npm install -g jshint 

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

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

3.2 CSS 语法检查

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

操作：安装 SublimeLinter-csslint，让css代码有语法检查

插件使用说明：https://github.com/SublimeLinter/SublimeLinter-csslint

说明：
    这个组件依赖于 nodeJS 下的 jshint，所以我们安装 nodeJS 环境和 nodeJS 下的 csslint。

运行cmd:
    1.通过 npm 安装jshint：npm install -g csslint    

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


确实是否安装完成：
    运行cmd,输入 csslint --version.
    可以查看 csslint 版本，已确认安装完成。

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

3.3 html 语法检查

　sublimeLinter-contrib-htmlhint 也是基于 nodeJS 下的 csslint 的插件，实际上 sublimeLinter-contrib-htmlhint 调用了 nodeJS 中 htmlhint 的接口来进行语法检查的。

　　sublimeLinter-contrib-htmlhint调用xg-htmlhint来进行语法检查。

操作：安装xg-htmlhint,让html代码有语法检查

插件github下载地址：https://github.com/mmaday/SublimeLinter-contrib-htmlhint/releases

步骤：

说明：
    这个组件依赖于 nodeJS 下的 jshint，所以我们安装 nodeJS 环境和 nodeJS 下的 xg-htmlhint。

运行cmd:
    1.通过 npm 安装xg-htmlhint：npm install -g xg-htmlhint   


打开sublime软件：
    1.按下 Ctrl+Shift+p 进入 Command Palette
    2.输入install进入 Package Control: Install Package
    3.输入sublimeLinter-contrib-htmlhint。进行安装.    

    此时打开Sublime Text3，xg-htmlhint就可以检测代码了，保存(cmd + S)的时候如果有错误会有错误提示。    


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

—— 完毕，认真整理，还望大家笑纳，点赞。