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插件来进行代码格式化。
VSCode不能格式化vue(template)html代码_第1张图片

你可能感兴趣的:(Vue)