sublime text 3 javascript 语法检查

本文是基于 sublime text 3 进行 javascript css html 的语法检查。

正式开始前，再啰嗦一遍关于插件安装的：

1、Package Control 组件安装

ctrl+`调出 console，粘贴以下代码到命令行并回车：

import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())

下载完成后重启 sublime text 3，如果在 Preferences 中看到 Package Control 这一项，则安装成功。

2、ctrl+shift+p 进入 command palette

3、输入 install 进入 Package Control:Install Package

4、输入要安装的插件名称，选择后回车安装。

重点来了，下面会进行 javascript css html 的语法检查配置。

javascript 语法检查：

1、安装SublimeLinter插件

2、安装SublimeLinter-jshint 插件

3、安装Nodejs 与 jshint：

      如果没有安装Nodejs 插件的话，要先安装 Nodejs 插件；

      如果已经安装了 Nodejs 插件，则直接在控制台通过npm 安装 jshint ，在控制台通过命令行输入 npm install jshint -g，安装完成后，可通过命令行 where jshint 查看jshint 安装的路径，jshint -v 查看 jshint 版本。

完成以上这些，使用 sublime 编辑 javascript 文件，就会有语法检查了：

 

css 语法检查：

1、安装 SublimeLinter 插件（如果前面已经安装，可忽略）

2、安装 SublimeLinter-csslint 插件

3、安装Nodejs 与 csslint :

      如果没有安装Nodejs 插件的话，要先安装 Nodejs 插件；

      如果已经安装了 Nodejs 插件，则直接在控制台通过npm 安装 csslint ，在控制台通过命令行输入 npm install csslint -g，安装完成后，可通过命令行 where csslint 查看csslint 安装的路径，csslint --version 查看 csslint 版本。

html 语法检查：

1、安装 SublimeLinter 插件（如果前面已经安装，可忽略）

2、安装 SublimeLinter-contrib-htmlhint 插件

3、安装 Nodejs 与 xg-htmlhint：

      如果没有安装Nodejs 插件的话，要先安装 Nodejs 插件；

      如果已经安装了 Nodejs 插件，则直接在控制台通过npm 安装 xg-htmlhint ，在控制台通过命令行输入 npm install xg-htmlhint -g，安装完成后，可通过命令行 where xhtmlhint 查看xg-htmlhint 安装的路径，xhtmlhint --version 查看 xg-htmlhint 版本。