A.eslint 工具：eslint編譯模塊包 和 vscode 的eslint擴(kuò)展工具
B.eslint 檢查：編譯時(shí)檢查 和 vscode編輯代碼時(shí)檢查
C.語(yǔ)法修復(fù)：編譯時(shí)eslint包修復(fù) 和 vscode格式化時(shí)通過(guò)prettier修復(fù)
0.開(kāi)發(fā)時(shí)，一般使用 兩個(gè) eslint 工具
- 1.使用腳手架 創(chuàng)建項(xiàng)目時(shí) 選擇的 eslint 模塊包
作用：編譯時(shí)做語(yǔ)法檢查 和 語(yǔ)法修復(fù) -
2.安裝在 vscode 的擴(kuò)展 ESLint 工具
作用：使用vscode 開(kāi)發(fā)保存文件時(shí)做語(yǔ)法檢查
image.png
1.配置編譯時(shí)啟用eslint模塊包
- 注意：修改
vue.config.js配置后需要重啟vscode
image.png
2.配置 eslint 擴(kuò)展工具 檢查文檔語(yǔ)法
image.png
3.配置 eslint模塊包 在編譯時(shí)自動(dòng)修復(fù)規(guī)范錯(cuò)誤
image.png
4.配置 prittier 保存時(shí)格式化代碼文檔
image.png
