VSCode不能格式化vue(template)html代碼

今天用VSCode寫vue代碼的時候，發現自己的編輯器不能格式化html代碼，每次寫完必格式化的我表示很難受，修改一下設定就可以了，在這記錄一下。

檔案>首選項>設定

搜尋

vetur.format

，找到

vetur.format.defaultFormatter.html

，前提是裝了"vetur"插件(沒裝可以裝一下，開發vue很友善)，在右邊對象中添加

"vetur.format.defaultFormatter.html": "prettier"

；

實際上就是将

vetur.format.defaultFormatter.html

的值從

none

改為了

prettier

；通過觀察我們會發現，人家預設值都是prettier，唯獨html的是none？？？很迷惑。

除了可以将值改為

prettier

，還可以改為

js-beautify-html

；除此之外，還可以安裝Beautify插件來進行代碼格式化。