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文件了