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

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

步骤以下：

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

第二步：

• 文件->首选项->设置，而后在右边编辑框输入如下设置：

{
    "prettier.tabWidth": 4,
    "vetur.format.defaultFormatter.html": "prettier"
}

完成上面两步能够，就能够经过快捷键 Alt+Shift+F 进行格式化.vue文件了