ESLint.png
ESLint 是用来检查我们写的 JavaScript 代码是否满足指定规则的静态代码检查工具。
通过用 ESLint 来检查一些规则,我们可以:
===
,变量在使用前必须被声明,在条件语句中不能使用赋值语句等。JSHint 和 JSLint 也是静态代码检查工具,但 ESLint 比它们功能强大也更灵活。
ESLint 是用 Node.js 写的,可以通过 npm 来安装。ESLint 也可以在 webpack(eslint-loader) 和 Gulp.js(gulp-eslint) 中使用。
1 安装 ESLint 的依赖。
npm install --save-dev eslint eslint-loader
2 在 webpack.config.js 加
module: {
preLoaders: [
{test: /\.js$/, loader: "eslint-loader", exclude: /node_modules/}
]
}
3 新建名为 .eslintrc
的文件。该文件的内容为对 ESLint 的配置。内容类似如下
{
"env": {
"browser": true,
"commonjs": true,
"es6": true
},
"parserOptions": {
"ecmaVersion": 6
},
"rules": {
"indent": ["error", 2],
"no-mixed-spaces-and-tabs": "error"
"camelcase": "error",
"eqeqeq": "warn",
"curly": "error",
"no-undef": "error",
"no-unused-vars": "warn",
"max-params": "warn"
}
}
其中
更详细的说明见官网的说明。
验证规则是写在 .eslintrc
文件中的 rules
下面的,如
"rules": {
"indent": ["error", 2],
"no-mixed-spaces-and-tabs": "error"
"camelcase": "error"
}
配置一条验证规则,这么写
规则名: 值
值可以是以下几种
off
或 0:表示不验证规则。warn
或 1:表示验证规则,当不满足时,给警告。error
或 2 :表示验证规则,不满足时报错。如
"eqeqeq": "error",
"camelcase": 2
如果规则有参数,则这么写
规则名: [值, 参数1, 参数2...]
如
"indent": ["error", 2]
indent: ["error", 2]
。默认值是4。tab
来缩进tab
。quotes: ["error", "single"]
。具体见这里。if
,else if
,else
或 while
的代码块中,即使只有一行代码,也要用写在 {}
中。===
或 !==
。更多的规则见官网的说明。
如果觉得自己一条配置规则太麻烦,可以在 eslint 的默认推荐规则上做修改,如
"extends": "eslint:recommended",// 启用 eslint 的默认推荐规
"rules": {
// 新增的一些规则
"indent": ["error", 4],
"linebreak-style": ["error", "unix"],
"quotes": ["error", "double"],
"semi": ["error", "always"],
// 覆盖一些规则的配置
"comma-dangle": ["error", "always"],
"no-cond-assign": ["error", "always"],
// 禁用一些规则
"no-console": "off",
}
也可以在别人写好的一堆规则上修改
本文遵守创作共享CC BY-NC-SA 4.0协议 网络平台如需转载必须与本人联系确认。