VScode代码格式化后ESLint报错

当我们在vscode中手动格式化代码时，有时会出现ESLint报错的情况

先说解决问题的方法，按照我的方法成功解决了问题，那么你可以继续往下看一下思路。

ESLint: 在vue项目中我们通常安装ESLint进行代码格式的校验。vscode的ESLint插件，可以是被vue项目中的ESLint设置，并可以在编辑器中动态的校验代码格式并报错

Vetur：vue项目的必备插件，代码高亮，代码格式化等功能是这个插件提供的。我们在vscode中手动格式化代码，就是用的这个插件中设置的代码规则，这就是为什么VScode代码格式化后不符合ESLint 的原因——因为手动格式化使用的是Vetur中的代码风格，而ESLint使用的是自己的代码风格校验，二者会有不同，因此会有报错。

除去文章开头的解决问题的配置，其余配置都是个性化配置，每个人根据喜好和需要个性化配置，我只说明在什么地方配置什么

'ESLint'有两个含义：1. vscode的ESLint插件 2. Vue项目中的ESLint，所以配置ESLint就有两个位置。

还是上面的settings.json文件 添加代码： "singleQuote": true : 很多人发现在vscode中格式化会把单引号自动转换为双引号，这句话就是为了让单引号得以保留。而且ESLint的默认也是最外层引号为单引号。 "semi": true : 句末添加分号，和ESLint配置一致。