vscode配置eslint

A.eslint 工具：eslint編譯模塊包 和 vscode 的eslint擴展工具
B.eslint 檢查：編譯時檢查 和 vscode編輯代碼時檢查
C.語法修復：編譯時eslint包修復 和 vscode格式化時通過prettier修復

0.開發(fā)時，一般使用 兩個 eslint 工具

  • 1.使用腳手架 創(chuàng)建項目時 選擇的 eslint 模塊包
    作用：編譯時做語法檢查 和 語法修復

  • 2.安裝在 vscode 的擴展 ESLint 工具
    作用：使用vscode 開發(fā)保存文件時做語法檢查


    image.png

1.配置編譯時啟用eslint模塊包

  • 注意：修改vue.config.js配置后需要重啟vscode
    image.png

2.配置 eslint 擴展工具 檢查文檔語法

image.png

3.配置 eslint模塊包 在編譯時自動修復規(guī)范錯誤

image.png

4.配置 prittier 保存時格式化代碼文檔

image.png
最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成，瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發(fā)布，文章內容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容