1. 程式人生 > >VScode 自動修復vue專案中eslint報錯

VScode 自動修復vue專案中eslint報錯

1、安裝外掛 eslint-plugin-vue

npm i -g eslint-plugin-vue

2、修改專案跟路徑下的檔案:.eslintrc | .eslint.js
新增vue選項
在這裡插入圖片描述

3、新增eslint 和 vetur 外掛

在這裡插入圖片描述
在這裡插入圖片描述

4、修改vscode首選項配置
【漢化版 檔案>首選項>設定找到對應的配置檔案】
【英文版 file>preferences>setting找到對應的配置檔案】

在這裡插入圖片描述

【找到配置檔案新增如下程式碼】

"eslint.autoFixOnSave": true,
"eslint.validate": [
    "javascript",{
        "language": "vue",
        "autoFix": true
    },"html",
    "vue"
],

在這裡插入圖片描述

配置完成,重啟vscode,在儲存時就會自動修復eslint的報錯。

參考: https://www.cnblogs.com/mengfangui/p/9516578.html