介紹
上一篇文章(vscode 如何自動格式化代碼？)記錄了vscode中如何格式化字尾名為 “.js” 的javascript代碼。除此之外，我們可能也想能夠自動格式化 “.vue”為字尾的檔案。畢竟 vue.js 也在前端開發中有着很重要的地位。下面就來介紹一下如何實作這一功能
第一步
在 vscode 的extension中搜尋 “vetur”插件，并安裝，安裝成功後重新開機編輯器。
這時，我們會發現儲存檔案時還不能自動格式化代碼。這是因為還少了一些配置。
第二步
添加配置。說到這裡，需要注意的一點是： vscode對于不同擴充的檔案，可以有不同的編輯器配置，由于其對vue檔案沒有預設配置，這就是為什麼vue檔案不能被自動格式化的原因。下面我們就對 vue 擴充的檔案添加如下的配置：
"[vue]": { "editor.defaultFormatter": "octref.vetur" }
具體操作如下：
操作完成後儲存配置，這時就能格式化 vue 檔案中的代碼了 ！