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