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就好了。