vscode 使用Vue Official 格式化vue

在Visual Studio Code (VSCode) 中使用Vue官方的代码格式化插件，可以让你按照Vue团队推荐的最佳实践来整理代码风格。首先你需要安装两个扩展：

1. **vetur**：这是由Vue.js官方维护的插件，它包含了语法检查、自动完成以及格式化功能。你可以通过VSCode的 Extensions Marketplace搜索"Vetur"并安装。

2. **Prettier - Code formatter**：虽然vetur已经包含了一部分格式化功能，Prettier是个强大的独立代码格式化工具，它可以进一步定制化的格式化Vue代码。

安装完成后，设置`vetur.format.defaultFormatter.html`配置项为`prettier-html`，这会告诉vetur使用Prettier对.vue文件进行格式化。在settings.json中添加以下内容：

{
    "vetur.format.defaultFormatter.html": "prettier-html"
}

然后，你可以通过快捷键`Ctrl + Shift + P`（Windows/Linux）或`Cmd + Shift + P`（Mac），输入`Format Document`或`Format Selection`命令来进行格式化。