ESlint+VSCode自動格式化

在Vue.js項目中，使用的是eslint檢查。每次寫代碼一不注意就會引起報錯，項目運行不了，提示錯誤信息。

在vscode里只要安裝ESlint插件，寫完代碼保存之后根據ESlint語法要求自動格式化。

 

1，去應用商店----下載eslint插件

2，配置用戶設置setting.json

 File -> Preference -> Settings（如果裝了中文插件包應該是 文件 -> 選項 -> 用戶），點擊 Edit in setting.json

"editor.codeActionsOnSave": {
     "source.fixAll.eslint": true,
 },

配置完之后，VSCode 會根據你當前 Vue 項目下的 .eslintrc.js 文件的規則來驗證和格式化代碼。

PS：自動格式化代碼在保存時自動觸發，目前試了 TS 和 JS 以及 vue 文件中的 JS 代碼都沒問題，html 和 vue 中的 html 和 css 無效。

 

參考：https://zhuanlan.zhihu.com/p/94175872

　　　https://www.cnblogs.com/mingjian/p/9361027.html

　　　https://www.cnblogs.com/why-not-try/p/8067559.html

　　　https://www.cnblogs.com/zhouyuan666/p/13054096.html