【vue】关于eslint检查

背景

使用vue-cli4搭建vue2.x项目；

命令行

• npm run lint
  一般用于对项目整体检测，可以打印全部的【警告warn、报错error】信息；
  相对于直接npm run serve：直接运行这个命令时，vue-cli内部在开发环境下有--fix，可以自动修复功能，但只会对刚修改的页面的不合eslint规定的语法进行打印；不能对所有项目文件进行检测；
• npm run serve：自带eslint语法修复功能，这个修复是在内存里的，不影响文件中代码；（这里的修复是：让页面中不符合eslint规范的这个规范失效；）
  • 执行第一遍npm run serve,进行内存中修复，再执行一遍就可以运行了，不用其他操作；
  • 新保存的页面只有警告，则一遍命令就运行成功，同样打印警告；
  • 新保存有报错和警告，则第一遍打印警告、报错信息，再执行一遍成功运行；报错的语句在运行后页面中仍起作用；
• npm run build：与npm run serve类似，执行两遍即可，第一遍打印修复
  • 新保存的页面只有警告，则一遍命令就打包成功，同样打印警告；
  • 新保存有报错和警告，则第一遍打印警告、报错信息，再执行一遍成功打包；报错的语句在打包后代码中仍存在；

总结

1、针对vue cli项目，对eslint语法内部有自动修复；一般执行两边就可以；
2、要查看项目所有警告、错误信息：npm run lint
3、配置lintOnSave:true | false | 'warning' | 'default' | 'error'也能影响开发、生产环境下的检测；可查看官网文档