eslint是一个 javascript 代码静态检查工具,可以检查javascript的语法错误,提示潜在的bug,可以有效提高代码质量,维持前端团队高度一致的编码风格。ESLint不但提供一些默认的规则,也提供用户自定义规则来约束所写的javascript代码。
1,vscode安装eslint扩展,以及nodejs安装eslint
# npm install -g eslint
2,项目中,安装eslint插件
# npm install -save-dev eslint-plugin-node
# npm install -save-dev eslint-plugin-html
# npm install -save-dev eslint-plugin-vue
3,在项目根目录初始化
# eslint --init
会在根目录下产生一个.eslintrc.js文件,简单配置如下:
module.exports = {
"env": {
"browser": true,
"commonjs": true,
"es6": true,
"node": true
},
"extends": "eslint:recommended",
"parserOptions": {
"ecmaVersion": 8,
"sourceType": "module"
},
"rules": {
"indent": [
"error",
"tab"
],
"linebreak-style": [
"error",
"unix"
],
"quotes": [
"error",
"single"
],
"semi": [
"error",
"never"
]
}
};
看一下效果:
eslint代码检查工具
如果不想使用eslint代码检查,直接删除.eslintrc.js就好了。