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

本文即将迁移至个人网站  程序员导航站 - 博客栏 无任何广告,用户体验极好,观感极佳。欢迎各位大哥将其设为首页。

求您了,设个浏览器首页吧!====》 https://iiter.cn

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

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

vs code中Vue代码格式化的问题_第1张图片

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

vs code中Vue代码格式化的问题_第2张图片

vs code中Vue代码格式化的问题_第3张图片

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

这里有324.57GB的修仙资料。嘿嘿嘿你懂得。/手动狗头

扫二维码加为好友就完事了!安排~
扫码加群哦

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