vs code中Vue代码格式化的问题

个人网站 https://iiter.cn 程序员导航站 开业啦,欢迎各位观众姥爷赏脸参观,如有意见或建议希望能够不吝赐教!

VSCode自从更新之后,vue文件的html代码格式化就失效了,而且vue文件中的js ,css格式化样式都变了,原因在于都采用了 prettier 来格式化,而配置文件中 vetur.format.defaultFormatter.html 这个配置项的值为"none",我们需要对它重新进行设置。

哦对了,首先确保你安装了vetur扩展插件。如下图,扩展里直接搜索vetur,安装第一个即可,安装完之后点击重新加载。

vs code中Vue代码格式化的问题

打开Vs Code,文件->首选项->设置,搜索vetur,按如下图示将vetur插件的 vetur.format.defaultFormatter.html 的值修改成 js-beautify-html,然后保存即可

vs code中Vue代码格式化的问题

vs code中Vue代码格式化的问题

打开一个Vue文件,Alt+Shift+F即可对vue文件进行格式化,或者点击鼠标右键,格式化文件即可

这里有324.57GB的修仙资料。嘿嘿嘿你懂得。/手动狗头
vs code中Vue代码格式化的问题
扫二维码加为好友就完事了!安排~
vs code中Vue代码格式化的问题

上一篇:MyEclipse中防止代码格式化时出现换行的情况的设置


下一篇:字符串join函数跟+号测试