vscode下的eslint自动修复配置

一、 确认工程是否安装eslint-plugin-vue

如图所示，确认工程里的package.json里是否有eslint-plugin-vue的信息

若是没有能够执行命令安装：

npm i -g eslint-plugin-vue

2､vscode安装 eslint 和 vetur 插件 （图是盗的）

3､修改vscode的配置选项

我使用的是mac，路径： 左上角code菜单->首选项->设置->右边的{} 如图所示：

而后贴上以下代码

"eslint.enable": true,
     "eslint.autoFixOnSave": true,
     "eslint.run": "onType",
     "eslint.options": {
         "extensions": [".js",".vue"]
     },
     "eslint.validate": [
        "javascript",{
            "language": "vue",
            "autoFix": true
        },"html",
        "vue"
        ],

^_^ happy fun 每次保存都会自动修复eslint