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插件来进行代码格式化。