elint

安装：

 

创建一个文件夹.eslintrc:

     

 

由于elint无法识别vue中script下的js代码，所以要安装一个工具：

eslint-plugin-html就是识别一个文件里面script下面js代码的

同事在.eslintrc下将插件写入

 

然后在package.json文件下写入命令：

住：--ext就是识别哪种后缀的文件的， 最后client/ 是表明在校验哪个文件夹下的文件的。

 

运行npm run lint后会出现非常多的报错，所以要让eslint自动帮我们修复：

加一条指令：

 

我们希望每次改代码都够自动lint，这样能够准确定位错误：

装一些工具：

 

 

注：使用eslint时，可能对webpack里的东西不支持，所以要下载一个bable编译插件

 

然后在webpack.config.base.js中配置enforce:'pre'是预处理的意思

然后重新启动项目，就会自动lint