vscode運行vue項目時eslint報錯

vscode運行vue項目時eslint報錯

1、安裝插件 eslint-plugin-vue

npm?i?-g?eslint-plugin-vue

2、修改項目跟路徑下的文件:.eslint.JS

添加vue選項

vscode運行vue項目時eslint報錯

3、添加eslint 和 vetur 插件,直接在插件庫中下載

立即學習前端免費學習筆記(深入)”;

vscode運行vue項目時eslint報錯

4、修改vscode首選項配置

【漢化版 文件>首選項>設置找到對應的配置文件】

【英文版 file>preferences>setting找到對應的配置文件】

【找到配置文件添加如下代碼】

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

vscode運行vue項目時eslint報錯

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

推薦教程:vscode教程

以上就是

? 版權聲明
THE END
喜歡就支持一下吧
點贊12 分享