VSCode 是一款非常受欢迎的开发工具，支持多种编程语言和框架。对于 Vue.js 这样的前端框架来说，VSCode 提供了很多有用的插件和工具，可以帮助我们更高效地开发和调试。

其中，格式化代码是一个非常重要的功能。它可以使我们的代码保持统一的风格，并且提供更好的可读性。在 Vue 项目中，格式化代码也是非常常见的需求，尤其是在团队合作的时候。下面我将介绍一些常用的 VSCode 插件和配置，以及如何使用它们来格式化 Vue 代码。

1. 使用 Prettier 插件

Prettier 是一个非常流行的代码格式化工具，它可以自动格式化多种编程语言的代码。在 VSCode 中，我们可以通过安装 Prettier 插件来进行 Vue 代码的格式化。安装完成后，在 VSCode 的设置中搜索 "prettier"，找到 "Prettier: Options" 这个配置项，点击 "Edit in settings.json"。

在 settings.json 文件中，可以设置一些 Prettier 的配置项，比如缩进大小、单行代码的*长度等。对于 Vue 项目来说，我们可以将 "prettier.vueIndentScriptAndStyle" 设置为 "true"，让 Prettier 也对 Vue 的 \