vscode執行vue專案時eslint報錯

1、安裝插件eslint-plugin-vue

1、安裝外掛程式eslint-plugin-vue

npm i -g eslint-plugin-vue

2、修改專案跟路徑下的檔案：.eslint.js

新增vue選項

3、新增eslint 和vetur 插件，直接在插件庫中下載

4、修改vscode首選項配置

【漢化版檔案>首選項>設定找到對應的設定檔】

【英文版file>preferences>setting找到對應的設定檔】

【英文版file>preferences>setting找到對應的設定檔】

【找到設定檔加入以下程式碼】

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

5、設定完成，重啟vscode，在儲存時就會自動修正eslint的報錯######推薦教學：###vscode教學#######

以上是vscode執行vue專案時eslint報錯的詳細內容。更多資訊請關注PHP中文網其他相關文章！