為了實現(xiàn)使用 VSCode 開發(fā) Vue 項目時胆萧,使用ESLint协屡,并在保存文件的時候自動解決格式問題喻频,步驟如下:
如果項目中還沒有安裝 ESLint托酸,則先按照 Vue 的文檔添加 ESLint 插件演闭。
然后 在 VSCode 中不跟,
- 設(shè)置>擴(kuò)展> ESLint
-
選中 ESLint: Auto Fix On Save
image.png -
修改 ESLint: Run,把 onType 改成 onSave米碰。不然打字的時候就會有黃色的波浪線警告窝革,沒必要购城。
image.png - 點擊“在 settings.json 中編輯“”,添加:
"eslint.validate": [
"javascript",
"javascriptreact",
{
"language": "html",
"autoFix": true
},
{
"language": "vue",
"autoFix": true
}
]
其實第 2虐译、3 步相當(dāng)于在 settings.json 中添加:
"eslint.autoFixOnSave": true,
"eslint.run": "onSave",