vscode保存vue文件eslint报错

Posted 2021-11-12 vieber

问题背景

在使用vscode自动保存的时候发现每次保存格式都有问题。

解决问题

分析问题

保存格式无非就几种

• vscode的本身的保存格式
• 使用eslint配置的保存格式
  所以经过分析问题也一目了然了。

解决过程

经调查
原来是vscode的settings.json中即设置了

"editor.formatOnSave": true,

也设置了

"editor.codeActionsOnSave": {
   "source.fixAll.eslint": true
},

这样导致先是第一个保存生效了，但是第二个保存使用的是别的配置，导致两者不一致。
把

"editor.formatOnSave": true,

这个配置删除就好了，保存的时候就只有按照eslint的配置进行格式化就行了。