vscode vue格式化代码

要在 VS Code 中对 Vue 代码进行格式化，需要安装相应的插件。以下是一些常用的插件：

1. Vetur：Vue.js 开发必备插件，提供了 Vue 语法高亮、格式化、错误提示等功能，也支持 Pug 和 TypeScript。

2. Vue 2 Snippets：提供了一些常用的 Vue 2 代码片段，可以快速生成代码。

3. Vue VSCode Snippets：提供了一些 Vue 代码片段，包括 Vue 组件、Vue Router、Vuex 等。

4. ESLint：代码风格检查工具，可以检查代码规范是否符合约定。

安装好插件之后，可以通过以下方式对 Vue 代码进行格式化：

1. 使用快捷键：默认情况下，Vetur 插件会设置快捷键 Shift + Alt + F 来格式化代码。

2. 使用命令面板：按下 Ctrl + Shift + P （Windows 和 Linux）或者 Cmd + Shift + P （Mac），输入 “Format Document” 然后选择 “Vetur: Format” 即可。

3. 在保存时格式化：在 VS Code 的设置中找到 “Editor: Format On Save” 选项并勾选，这样每次保存文件时就会自动格式化代码。