Visual Studio Code (VSCode)为当前项目设置保存时自动格式化

huang_hai_an2025-01-15 13:51

在 Visual Studio Code (VSCode) 中，你可以为单个项目设置特定的配置，而不会影响全局设置。这可以通过创建项目级别的设置文件来实现。以下是具体步骤：

为当前项目设置保存时自动格式化

打开命令面板：
- 使用快捷键 Ctrl+Shift+P（Windows/Linux）或 Cmd+Shift+P（Mac），打开命令面板。
选择工作区设置：
- 在命令面板中输入并选择 Preferences: Open Workspace Settings (JSON)。如果你是在一个文件夹中打开的项目，那么这将允许你在该文件夹级别定义设置。
添加保存时格式化的设置：
- 在打开的 settings.json 文件中添加以下内容，确保每次保存文件时都进行格式化，并指定 Prettier 作为默认格式化工具：

json 复制代码

{
    "editor.formatOnSave": true, // 开启保存文件自动格式化代码
    "prettier.requireConfig": true, // 需要Prettier的配置文件
    "editor.defaultFormatter": "esbenp.prettier-vscode", // 默认的代码格式化工具
    "[javascript]": {
      "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[html]": {
      "editor.defaultFormatter": "vscode.html-language-features"
    },
    "[vue]": {
      "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[typescript]": {
      "editor.defaultFormatter": "esbenp.prettier-vscode"
    }
  }

请注意，上述配置中的 "esbenp.prettier-vscode" 是 Prettier VSCode 插件的标识符。你需要确保已经安装了这个插件；不过，如前所述，这并不是项目的依赖，而是编辑器的扩展。

针对不同语言自定义格式化工具：
- 如果你的项目使用多种编程语言，你可以像上面那样为每种语言指定不同的格式化工具。只需要根据需要添加更多的语言块即可。
保存文件：
- 完成编辑后保存 settings.json 文件。现在，当你在这个项目中保存相关类型的文件时，它们将会被自动格式化。

通过这种方式，你可以在不改变全局设置的情况下，只为当前项目启用保存时自动格式化的功能。这些设置只会影响当前打开的工作区或文件夹，而不会影响其他项目或你的全局 VSCode 设置。