vscode eslint vue 保存自动修复

问题

接受一个vue项目，download下代码后愉快地写了个界面。然后跑起来，eslint抛了一堆书写不规范的错误，主要有2个

• Expected " " character, but found "\t" character
•  Strings must use singlequote

对应的校验规则是

• quotes

• no-mixed-spaces-and-tabs

一大堆警告输出在调试控制台，非常影响开发体验，我想禁用这两个规则，因为就我自己在弄这个项目，我想按自己的代码风格来。但遗憾的是，按照官网文档的配置，我没有成功地禁用掉这两个规则。研究了大半天，未果。

• "no-mixed-spaces-and-tabs": "off",

• "quotes":"off"

解决问题

在同事的工作环境上跑我的代码并没有抛出书写不规范的警告，并且IDE能够自动地修复这些不规范。于是，我意识到可以从开发环境上着手，不能用自己的风格，IDE能自动修复也可以接受。

对比了同事和我的环境的差异，我这边需要2个插件,不装Vetur插件的话格式化vue文件时会提示“没有找到格式化插件”。

• ESLint
• Vetur

接下来又遇到了一个麻烦，我的插件装完了，在Visual Studio Code V1.37.1版本的首选项设置页面(文件——首选项——设置)进行相关的插件设置之后，IDE在保存文件时却不能够自动地修复不规范代码。

最后解决办法是，在首选项设置页面(文件——首选项——设置)找到在settings.json中编辑，把同事的相关配置粘贴进去，覆盖掉相关设置。

配置如下

//通过界面能够修改的配置
"eslint.run": "onSave",
"eslint.autoFixOnSave": true,

//eslint.validate只能在settings.json中手动添加
//这段没有就会导致无法保存时自动修复不规范代码
"eslint.validate": [
    "javascript",
    "javascriptreact",
    "vue-html",
    {
        "language": "vue",
        "autoFix": true
    }
],
"eslint.run": "onSave",
"eslint.autoFixOnSave": true,

解决之后发现蛋疼的地方是，新版本的Visual Studio Code的首选项设置界面不再像以前一样左侧UI，右侧显示对应的settings.json布局，这就导致了有些配置项在UI上找不到（找的我好苦啊）。