利用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

},

],

備注：

成果展示：