Visual Studio Code 中 .vue文件代码格式化

在使用Visual Studio Code编写.vue文件时,使用 Alt+Shift+F 进行格式化代码,经常不成功,使用以下配置之后就可以正常格式化.vue代码了。

步骤如下:

第一步:在Visual Studio Code应用商店中搜索“Vetur”插件,并安装安装

c2c11c88a1650541b0eb74d4087ea1e9195.jpg

第二步:

  • 文件->首选项->设置,然后在右边编辑框输入以下设置:
{
    "prettier.tabWidth": 4,
    "vetur.format.defaultFormatter.html": "prettier"
}

d993f53187d361751a9d9415b98d6fa0944.jpg

完成上面两步可以,就可以通过快捷键 Alt+Shift+F 进行格式化.vue文件了

转载于:https://my.oschina.net/sdlvzg/blog/1865348

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值