Vue项目配置eslint standard的坑（编译工具Vscode）

方案一 修改eslint配置文件

1.

Expected indentation of 2 spaces but found 4 indent

需要缩进2个空格，但找到4个缩进，vscode默认格式化缩进为4个空格，eslint要求为2个空格；
解决办法为：

"indent": [2,4, {"SwitchCase":1}]

,
2. vscode自带的格式化工具会自动使用双引号，而eslint标准要求单引号并且在语句末尾自动填充分号‘;’，，不能以分号结尾。
解决办法：在项目根目录创建

.prettierrc

文件，里面写上这两条语句，注意，这里的属性要用双引号包裹。semi赋值为false，禁止语句末尾分号的使用，singleQuote赋值为true，强制使用一致的单引号

{ "semi": false, "singleQuote": true }

3.

Newline required at end of file but not found eol-last

,eslint标准下文件末尾需要换行，但vscode的格式化工具会消除文件末尾的换行。
解决办法：在.eslintrc.js文件的rules对象中添加换行属性

'eol-last':2

4. eslint标准下小括号之前要留有一个空格，但vscode的格式化工具也会消除这个空格。
解决方法：同样是在.eslintrc.js文件的rules对象中添加属性,取消空格

'space-before-function-paren': 0

方案二

修改vscode中的文档格式化配置

ESlint配置详解