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

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

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


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



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

猜你喜欢

转载自blog.csdn.net/twodogya/article/details/80728262