JavaScript的校验工具有很多,例如JSLint、jshint、JavaScript lint、eslint等等,刚接触这些会傻傻分不清楚。简单来说,JSLint是大牛Douglas crockford撰写,是比较老派的工具,诞生于IE6时代,主要从浏览器的兼容性去考虑;jshint可以看做是jshint的升级版,扩展了JSLint的一些功能;而JavaScript lint和JSLint派系并不相干,估计用的也少;现在最符合时代变化的工具应该是eslint了,一脉相承,可配置性高,下面来看看在Sublime里面如何使用eslint。
1,安装
首先要保证自己安装了nodejs环境和eslint:
1.1 安装nodejs和npm。
1.2 全局安装eslint:
npm install -g eslint
1.3 安装Sublime eslint包。
在package control里搜索“eslint”,安装即可。
2,配置
按照如下方式打开配置文件:
Preferences
/Package Settings
/ESLint
/Settings - User
可以参照我个人的配置。
{ "node_path": "C:/Program Files/nodejs", "node_modules_path": "C:/Program Files/nodejs/node_modules", "config_file": "D:/dev/tw591/public/.eslintrc.js" }
eslint的配置文件最好使用js格式的,json格式的好像暂时有bug。
3,使用
使用快捷键Ctrl + Alt + e,成功了之后会出现下面这种情况:
4,怎么忽略一个文件和一些规则的检测?
禁止整个文件的检测,在文件行首添加下面这一行:
/* eslint-disable */
禁止一些特定的规则,在行首添加下面这一行:
/* eslint-disable rule-name1, rule-name2 */
更多参考:https://eslint.org/docs/user-guide/migrating-from-jscs#disabling-rules-inline
5,怎么设置全局变量?
/* global var1, var2 */
更多参考:https://eslint.org/docs/user-guide/configuring#specifying-globals
参考链接