eslint 是一个插件化的 javascript 代码检测工具,它可以用于检查常见的 JavaScript 代码错误,也可以进行代码风格检查,这样我们就可以根据自己的喜好指定一套 eslint 配置,然后应用到所编写的项目上,从而实现辅助编码规范的执行,有效控制项目代码的质量。
二、安装
npm install -g eslint
或
cnpm install -g eslint
vue文件是类 HTML 的文件,为了支持对 vue 文件的 ESLint ,需要eslint-plugin-html这个插件;
npm install -g eslint-plugin-html
eslint test.js
为了正确使用eslint,需要配置代码规范设置,现在添加一个.eslintrc.js;
eslint --init
module.exports = {
"env": {
browser: true,
es6: true
},
"extends": "eslint:recommended",
"rules": {
'no-console': 'off,
"semi": [
"error",
"never"
]
}
};
ESLint 支持几种格式的配置文件:
- JavaScript- 使用 .eslintrc.js 然后输出一个配置对象。
- YAML - 使用 .eslintrc.yaml 或 .eslintrc.yml 去定义配置的结构。
- JSON - 使用 .eslintrc.json 去定义配置的结构,ESLint 的 JSON 文件允许 JavaScript 风格的注释。
- package.json - 在 package.json 里创建一个 eslintConfig属性,在那里定义配置。如果 .eslintrc.js 和 package.json里的 eslintConfig 同时存在,则只读取 .eslintrc.js文件;
vue项目创建的时候,选择了eslint支持,则自动的会在根目录下,创建规则文件.eslintrc.js:
四、问题处理有时候,由于eslint过于严格,导致很多错误,可以暂时屏蔽,修改build/webpack.base.conf.js文件module->rules中有关eslint的规则:
,