vue语法检查工具eslint报错小记

vue项目开发中开启语法检查工具eslint，尤其是接手别人的代码继续开发时，如果不注意语法习惯，项目运行时会出现一堆warning、error，乍一看就头大，仔细以看也没啥。

一、语法检查工具eslint的常用报错：
1、“66:1 warning Expected indentation of 6 spaces but found 8 spaces”
此类报错是语法缩进问题，语法检查工具eslint对每行的缩进空格有严格计算，多一格就warning黄牌警告。前边的数字是提示报警的位置，在文件第几行第几个字符，便于定位，每一条报错都会有。

2、“97:22 error Unexpected trailing comma
尾部意外出现多余逗号。
语法检查工具eslint对符号也有严格限制，每一行代码，如果不是语法需要，最后加上逗号或者分号结尾，会被判定多余，不影响运行，但是会error红牌。
类似的还有**“Extra semicolon”**额外分号。

3、“117:24 error Unexpected space before function parentheses”
函数括号前出现意外空格

4、“143:60 error Strings must use singlequote”
字符串必须使用单引号。

5、“Trailing spaces not allowed”
不允许尾部出现空格

二、怎么关闭语法检查工具eslint：

1、代码内跳过检查：
// eslint-disable-line
不检查某一行代码，对当前行生效

/ eslint-disable */*/* eslint-disable */
不检查某个文件，写在文件首行，对整个文件生效。

// eslint-disable-next-line
不检查下一行，对下一行代码生效。

// eslint-disable-next-line no-prototype-builtins
对下一行代码不使用no-prototype-builtins规则

2、整个关闭eslint：
有三种方法：
第一：在创建项目时选择不用eslint；
第二：如果项目已经使用eslint，直接在package.json文件注释eslint或直接删除，比较粗暴，谨慎操作；
第三：修改eslint语法检测，写在package.json文件中。

另外还听说在vue.config.js中配置可以关闭，如下图

但是，overlay是设置不在浏览器上显示编译的报错和警告，感觉反而不太好。

over， over

如果对你有帮助，记得点个赞噢（~~）