首页  >  文章  >  web前端  >  vue文件中HTML代码格式化方法

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

小云云
小云云原创
2018-05-24 09:18:456461浏览

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

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

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


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

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


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

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

以上是vue文件中HTML代码格式化方法的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn