欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

vue文件中HTML代码格式化方法

程序员文章站 2022-04-23 11:00:07
...
本文主要和大家分享vue文件中HTML代码格式化方法,希望鞥帮助到大家。

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

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

vue文件中HTML代码格式化方法

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

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

vue文件中HTML代码格式化方法

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

相关推荐:
javascript - 是否有js,css,html代码格式化的开源库?

以上就是vue文件中HTML代码格式化方法的详细内容,更多请关注其它相关文章!