vue文件中HTML代码格式化方法-木庄网络博客

本文摘自PHP中文网，作者小云云，侵删。

本文主要和大家分享vue文件中HTML代码格式化方法，希望?E帮助到大家。

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

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

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

1 2	`"prettier.tabWidth": 4,` `"vetur.format.defaultFormatter.html":` `"prettier"`

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

相关推荐：
javascript - 是否有js，css，html代码格式化的开源库？

相关阅读 >>

更多相关阅读请进入《Html》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者