Vue基础精讲 —— 规范代码三步走？关于eslint和editorconfig以及precommit的安装和使用

}

运行 npm run lint 能看到很多报错信息，根据报错信息，可返回错误所在行手动修正

5. 当然，eslint有提供自动修复功能 --fix

“scripts”: {

“lint-fix”: “eslint --fix --ext .js --ext .jsx --ext .vue client/”

}

运行 npm run lint-fix 就能自动修复代码中的不规范

6. 若希望在开发过程中实时检测语法（即错即改，间接增加自己编写代码的规范性），不再手动执行  npm run lint-fix 命令，

需要让webpack（因为项目是基于webpack开发的）能够支持eslint，需安装eslint-loader

npm i eslint-loader -D

在webpack.config.base.js文件中配置eslint-loader

{

// 所有需要检测文件的后缀名集合

test: /.(vue|js|jsx)$/,

// 使用eslint-loader

loader: ‘eslint-loader’,

// 不检测/node_modules/下的文件，因为/node_modules/里的js文件非常多，而且已经经过Babel等编译处理，这些文件肯定是不符合eslint的standard标准的

// 因为经过Babel处理之后的js,可能是使用es