背景
使用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'
也能影响开发、生产环境下的检测;可查看官网文档