VS Code中 vue文件HTML代码格式化

问题:一般用Shift+Alt+F,可以格式化JS和CSS的部分,但template部分没反应。

1. 在应用商店中搜索并安装 “Vetur” 插件

VS Code中 vue文件HTML代码格式化_第1张图片

2. 配置。文件 -> 首选项 -> 设置,在编辑框加上这两句

"prettier.tabWidth": 4,
"vetur.format.defaultFormatter.html": "prettier"

VS Code中 vue文件HTML代码格式化_第2张图片


3. 最后按格式化快捷键 Shift+Alt+F 

你可能感兴趣的:(Vue,前端)