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

11 篇文章 1 订阅

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

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

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文件进行格式化,或者点击鼠标右键,格式化文件即可

这里有324.57GB的修仙资料。嘿嘿嘿你懂得。/手动狗头
前端入坑全套教学视频
扫二维码加为好友就完事了!安排~
扫码加群哦

  • 7
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 8
    评论
评论 8
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值