VsCode（Visual Studio Code）格式化代碼符合EsLint

利用Visual Studio Code ESlint插件，實現自動格式化代碼

步驟一：安裝ESlint插件=>點擊Extensions或者Ctrl+Shift+X=>搜索ESlint=>install EsLint

步驟二: 重啓VsCode， 發現代碼提示報錯，代碼不符合規範

步驟三：鼠標hover在報錯的地方，會出現Quick Fix…，點擊或者選擇這條報錯代碼Ctrl+.(注意只能使用英文輸入法)

步驟四：選擇Fix

拓展如何讓Vscode 自動格式化代碼符合EsLint格式

步驟一：找到VsCode 的Settings.json文件並打開
windows 系統：
File =>Preferences=>settings=>using Setting =>Text Editor=>Edit in settings.json=>打開settings.json 文件


步驟二：把下面的代碼寫入到Setting.json中

 "eslint.autoFixOnSave": true,  //  啓用保存時自動修復,默認只支持.js文件
    "eslint.validate": [
       "javascript",  //  用eslint的規則檢測js文件
       {
         "language": "vue",   // 檢測vue文件
         "autoFix": true   //  爲vue文件開啓保存自動修復的功能
       },
       {
         "language": "html",
         "autoFix": true
       },
     ],

備註：

成果展示：