1. 安裝 Vetur 外掛 2. 在 VS Code 的設定中新增如下規則： { "vetur.format.defaultFormatter": { "html": "prettier", "css": "prettier", "postcss": "prettier", "scss": "prettier", "less": "prettier", "js": "prettier", "ts": "prettier", "stylus": "stylus-supremacy" } } 這裡是設定 Vetur 預設使用的格式化外掛 prettier。 這樣對於.vue檔案中的 html 和 javascript 程式碼都有格式化支援了。 vue eslint 程式碼自動格式化 vue-cli 程式碼風格為JavaScript Standard Style 程式碼檢查規範嚴格，一不小心就無法執行，使用eslint的autoFixOnSave可以在儲存程式碼的時候自動格式化程式碼 VSCode拓展外掛推薦（HTML、Node、Vue、React開發均適用）
1. 安裝 Vetur 外掛 2. 在 VS Code 的設定中新增如下規則： { "vetur.format.defaultFormatter": { "html": "prettier", "css": "prettier", "postcss": "prettier", "scss": "prettier", "less": "prettier", "js": "prettier", "ts": "prettier", "stylus": "stylus-supremacy" } } 這裡是設定 Vetur 預設使用的格式化外掛 prettier。 這樣對於.vue檔案中的 html 和 javascript 程式碼都有格式化支援了。 vue eslint 程式碼自動格式化 vue-cli 程式碼風格為JavaScript Standard Style 程式碼檢查規範嚴格，一不小心就無法執行，使用eslint的autoFixOnSave可以在儲存程式碼的時候自動格式化程式碼 VSCode拓展外掛推薦（HTML、Node、Vue、React開發均適用）