🚀 在 VS Code 中

Visual Studio Code 中的配置文件

Visual Studio Code 拥有数百个设置、数千个扩展,以及无数种调整 UI 布局以自定义编辑器的方法。VS Code 配置文件 让您能够创建自定义设置集,并在它们之间快速切换或与他人共享。本主题介绍如何使用 配置文件编辑器 创建、修改、导出和导入配置文件。

访问配置文件编辑器

配置文件编辑器 使您能够在一个位置创建和管理 VS Code 中的配置文件。

Screenshot that shows the Profiles editor.

您可以通过以下任一方式访问配置文件编辑器:

  • 文件 > 首选项 > 配置文件 菜单项

    Profiles editor Menu Item

  • 从活动栏底部的 管理 齿轮按钮。

    Profiles editor via the Manage button in the Activity bar

创建配置文件

VS Code 将您当前的配置视为 默认配置文件。当您修改设置、安装扩展或通过移动视图更改 UI 布局时,这些自定义设置都会在默认配置文件中跟踪。

要创建新的配置文件,请打开配置文件编辑器,然后选择 新建配置文件 按钮。这将打开“新建配置文件”表单,您可以在其中输入配置文件名称、选择图标,并配置新配置文件中包含的内容。

Create Profile

您可以选择通过从 配置文件模板 或现有配置文件复制内容来创建新配置文件,或者创建 空配置文件。空配置文件不包含任何用户自定义设置,例如设置、扩展、代码片段等。

Copy from options

您可以将新配置文件限制为仅包含配置的子集(设置、键盘快捷键、代码片段、任务和扩展),并使用默认配置文件中的其余配置。例如,您可以创建一个包含所有配置(键盘快捷键除外)的配置文件,当此配置文件处于活动状态时,VS Code 将应用默认配置文件中的键盘快捷键。

您可以在 内容 部分中浏览要复制的模板或配置文件的内容。每个部分旁边都有一个 打开 按钮,您可以选择该按钮以查看其内容。

Configure, browse and preview profile

通过选择 预览 按钮,在创建之前预览新配置文件。这会打开一个新的 VS Code 窗口,并在其中应用新配置文件。如果您对预览感到满意,可以选择 创建 按钮来创建新配置文件。

检查当前配置文件

您可以在 VS Code UI 中的多个位置找到 VS Code 窗口当前正在使用的配置文件:

  • 在 VS Code 标题栏中

  • 当您悬停在活动栏中的 管理 按钮上时,在悬停文本中

    如果您为配置文件配置了图标,则此图标将用作活动栏中的 管理 按钮。请注意以下屏幕截图,其中“管理”按钮现在有一个麦克风图标,表示配置文件处于活动状态。

    Manage gear displaying icon to indicate that the user's profile is active

    如果您没有配置图标,则 管理 齿轮按钮会显示一个徽章,其中包含活动配置文件的前两个字母,以便您可以快速检查正在运行的配置文件。

    Manage gear displaying 'DA' to indicate that the user's 'Data Science' profile is active

  • 在配置文件编辑器中

    Showing current profile in the Profiles editor

注意:如果您正在使用默认配置文件,则不会显示配置文件名称。

配置配置文件

您可以像更改任何 VS Code 配置一样配置配置文件。您可以安装/卸载/禁用扩展、更改设置以及调整编辑器的 UI 布局(例如,移动和隐藏视图)。当您应用这些更改时,它们会存储在您当前活动的配置文件中。

文件夹和工作区关联

当您创建或选择配置文件时,它会与当前文件夹或工作区关联。每当您打开该文件夹时,工作区的配置文件就会变为活动状态。如果您打开另一个文件夹,则配置文件会更改为另一个文件夹的配置文件(如果已设置)。

您可以在 配置文件编辑器文件夹和工作区 部分中查看与配置文件关联的文件夹列表。

Folders & Workspaces section

管理配置文件

切换配置文件

您可以使用命令面板中的 Profiles: Switch Profile 命令在配置文件之间快速切换,该命令会显示一个下拉列表,列出您可用的配置文件。

您还可以从 配置文件编辑器 切换配置文件,方法是选择要切换到的配置文件旁边的 将此配置文件用于当前窗口 按钮。

Switch profile from the Profiles editor

编辑配置文件

您可以在 配置文件编辑器 中编辑现有配置文件的名称、图标和其他配置。

删除配置文件

您可以从 配置文件编辑器 中删除配置文件,方法是在要删除的配置文件的溢出操作中选择 删除配置文件 按钮。

Delete profile from the Profiles editor

您还可以通过 Delete Profile 命令删除配置文件。Delete Profile 下拉列表允许您选择要删除的配置文件。

使用配置文件打开新窗口

您可以使用 配置文件编辑器 中“配置文件内容”视图中提供的 用于新窗口 选项,选择在打开新的 VS Code 窗口时要使用的配置文件。

Configure custom profile for new window

您可以直接使用 文件 > 使用配置文件新建窗口 菜单,然后选择要使用的配置文件,为特定配置文件打开一个新的 VS Code 窗口。

将设置应用于所有配置文件

要将设置应用于所有配置文件,请使用“设置编辑器”中的 将设置应用于所有配置文件 操作。

Apply setting to all Profiles

从任何配置文件中对此设置的更新也会应用于所有其他配置文件。您始终可以通过取消选中 将设置应用于所有配置文件 操作来还原此行为。

将扩展应用于所有配置文件

要将扩展应用于所有配置文件,请在“扩展”视图中选择 将扩展应用于所有配置文件 操作。

Apply an extension to all Profiles

这将使此扩展在您的所有配置文件中都可用。您始终可以通过取消选中 将扩展应用于所有配置文件 操作来还原此行为。

在多台机器之间同步配置文件

您可以使用 设置同步 在不同的机器之间移动配置文件。启用“设置同步”并在 设置同步:配置 下拉列表中选中“配置文件”后,您的所有配置文件都将在同步的机器上可用。

Settings Sync data drop down with Profiles checked

注意:VS Code 不会将您的扩展同步到或从 远程 窗口同步,例如当您连接到 SSH、开发容器 (devcontainer) 或 WSL 时。

共享配置文件

导出

您可以使用要导出的配置文件的溢出操作中的 导出... 按钮导出配置文件,以便保存或与他人共享。

Export profile from the Profiles editor

当您选择 导出... 时,系统会提示您输入配置文件名称,以及您是否要导出到 GitHub gist 或本地文件系统。

保存为 GitHub gist

将配置文件保存到 GitHub 后(系统会提示您登录 GitHub),一个对话框会为您提供 复制链接 选项,以便与他人共享您的配置文件 gist URL。该 URL 包含一个自动生成的 GUID,格式为 https://vscode.dev/editor/profile/github/{GUID}。GitHub gist 标记为 Secret,因此只有拥有链接的人才能看到 gist。

如果您启动配置文件 URL,它将在 VS Code Web 版 中打开配置文件编辑器,并显示导入的配置文件内容。您可以根据需要取消选择配置文件元素,如果您想继续在 VS Code Web 版 中使用该配置文件,则需要手动 安装扩展(通过下载云按钮)。

您还可以选择 在 Visual Studio Code 中导入配置文件,这将打开 VS Code 桌面版,其中显示配置文件的内容和一个 导入配置文件 按钮。

您可以在 https://gist.github.com/{username} 查看您的 gist。在您的 GitHub gist 页面中,您可以重命名、删除或复制 gist 的 GUID。

保存为本地文件

如果您选择将配置文件保存为本地文件,则“保存配置文件”对话框允许您将文件放置在本地计算机上。配置文件以扩展名为 .code-profile 的文件形式持久保存。

导入

您可以从 配置文件编辑器 导入现有配置文件,方法是在 新建配置文件 按钮的下拉操作中选择 导入配置文件... 按钮。

Import profile from the Profiles editor

当您选择 导入配置文件... 时,系统会通过“导入配置文件”对话框提示您输入 GitHub gist 的 URL 或配置文件的文件位置。选择配置文件后,“配置文件创建”表单将打开,其中预先选择了要导入的配置文件。您可以继续修改配置文件并选择 创建 以导入配置文件。

配置文件的用途

配置文件是自定义 VS Code 以更好地满足您的需求的绝佳方式。在本节中,我们将介绍配置文件的一些常见用例。

由于配置文件是按工作区记忆的,因此它们是为特定编程语言自定义 VS Code 的绝佳方式。例如,您可以创建一个 JavaScript 前端配置文件,其中包含您在一个工作区中用于 JavaScript 开发的扩展、设置和自定义项,并创建一个 Python 后端配置文件,其中包含您在另一个工作区中用于 Python 开发的扩展、设置和自定义项。使用这种方法,您可以轻松地在工作区之间切换,并始终以正确的方式配置 VS Code。

演示

在进行演示时,您可以使用配置文件为演示设置特定的配置。例如,您可以创建一个配置文件,其中包含一组特定的扩展和设置,例如缩放级别、字体大小和颜色主题。通过这样做,演示不会弄乱您的正常 VS Code 设置,您可以自定义 VS Code 以在演示期间获得更好的可见性。

教育

配置文件可用于为学生自定义 VS Code,以简化在课堂环境中的使用。配置文件允许教育工作者快速与学生共享自定义的 VS Code 设置。例如,教育工作者可以创建一个配置文件,其中包含计算机科学课程所需的一组特定扩展和设置,然后与学生共享该配置文件。

报告 VS Code 问题

空配置文件的一个用途是在您想要报告 VS Code 问题时重置编辑器。空配置文件禁用所有扩展和修改后的设置,因此您可以快速查看问题是由于扩展、设置还是 VS Code 核心引起的。

配置文件模板

VS Code 附带一组预定义的配置文件模板,您可以使用这些模板为您的特定工作流程自定义 VS Code。要基于模板创建新配置文件,请在完成“创建配置文件”流程时选择“配置文件模板”。

Python 配置文件模板

Python 配置文件是 Python 开发的良好起点。它附带 Python 特定的代码片段,并具有以下扩展:

  • autoDocstring - 自动生成 Python 文档字符串。
  • Docker - 创建、管理和调试容器化应用程序。
  • Even Better TOML - 为例如 pyproject.toml 文件提供功能齐全的 TOML 支持。
  • Python - IntelliSense、环境管理、调试、重构。
  • Python Environments - 使用您首选的环境管理器管理 Python 环境和包。
  • Remote Development 扩展包 - 支持 SSH、WSL 和开发容器。
  • Ruff - 集成 Ruff Python 代码检查器和格式化程序。

此配置文件还设置了以下设置:

    "python.analysis.autoImportCompletions": true,
    "python.analysis.fixAll": ["source.unusedImports"],
    "editor.defaultFormatter": "charliermarsh.ruff"

数据科学配置文件模板

数据科学配置文件是所有数据和笔记本工作的良好起点。它附带特定的代码片段,并具有以下扩展:

  • Data Wrangler - 用于表格数据集和 Excel/CSV/Parquet 文件的数据查看、清理和准备。
  • GitHub Copilot - 您的 AI 结对程序员。
  • Jupyter - 在 VS Code 中使用 Jupyter 笔记本。
  • Python - IntelliSense、环境管理、调试、重构。
  • Remote Development 扩展包 - 支持 SSH、WSL 和开发容器。
  • Ruff - 集成 Ruff Python 代码检查器和格式化程序。

此配置文件还设置了以下设置:

    "[python]": {
        "editor.defaultFormatter": "charliermarsh.ruff",
        "editor.formatOnType": true,
        "editor.formatOnSave": true
    },
    "editor.inlineSuggest.enabled": true,
    "editor.lineHeight": 17,
    "breadcrumbs.enabled": false,
    "files.autoSave": "afterDelay",
    "notebook.output.scrolling": true,
    "jupyter.themeMatplotlibPlots": true,
    "jupyter.widgetScriptSources": [
        "unpkg.com",
        "jsdelivr.com"
    ],
    "files.exclude": {
        "**/.csv": true,
        "**/.parquet": true,
        "**/.pkl": true,
        "**/.xls": true
    }

文档编写者配置文件模板

文档编写者配置文件是编写文档的良好轻量级设置。它附带以下扩展:

此配置文件还设置了以下设置:

    "workbench.colorTheme": "Default Light Modern",
    "editor.minimap.enabled": false,
    "breadcrumbs.enabled": false,
    "editor.glyphMargin": false,
    "explorer.decorations.badges": false,
    "explorer.decorations.colors": false,
    "editor.fontLigatures": true,
    "files.autoSave": "afterDelay",
    "git.enableSmartCommit": true,
    "window.commandCenter": true,
    "editor.renderWhitespace": "none",
    "workbench.editor.untitled.hint": "hidden",
    "markdown.validate.enabled": true,
    "markdown.updateLinksOnFileMove.enabled": "prompt",
    "workbench.startupEditor": "none"

Node.js 配置文件模板

Node.js 配置文件是所有 Node.js 工作的良好起点。它附带以下扩展:

此配置文件附带以下设置:

    "editor.formatOnPaste": true,
    "git.autofetch": true,
    "[markdown]":  {
        "editor.wordWrap": "on"
    },
    "[json]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[jsonc]": {
        "editor.defaultFormatter": "vscode.json-language-features"
    },
    "[html]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[javascript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[typescript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    }

Angular 配置文件模板

Angular 配置文件是所有 Angular 工作的良好起点。它附带以下扩展:

此配置文件设置了以下设置:

    "editor.formatOnPaste": true,
    "git.autofetch": true,
    "[markdown]":  {
        "editor.wordWrap": "on"
    },
    "[json]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[jsonc]": {
        "editor.defaultFormatter": "vscode.json-language-features"
    },
    "[html]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[javascript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[typescript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "workbench.iconTheme": "material-icon-theme"

Java 通用配置文件模板

Java 通用配置文件是所有 Java 工作的良好起点。它自定义布局以改善 Java 体验,并附带来自 Java 扩展包 的以下扩展:

Java Spring 配置文件模板

Java Spring 配置文件是所有 Java 和 Spring 开发人员的良好起点。它基于 Java 通用配置文件构建,并添加了来自 Spring Boot 扩展包 的以下扩展:

此配置文件设置了以下设置:

    "[java]": {
        "editor.defaultFormatter": "redhat.java"
    },
    "boot-java.rewrite.reconcile": true

命令行

您可以通过 --profile 命令行界面选项使用特定配置文件启动 VS Code。您在 --profile 参数后传递配置文件的名称,并使用该配置文件打开文件夹或工作区。以下命令行使用 “Web Development” 配置文件打开 web-sample 文件夹

code ~/projects/web-sample --profile "Web Development"

如果指定的配置文件不存在,则会创建一个具有给定名称的新空配置文件。

常见问题

配置文件保存在哪里?

配置文件存储在您的用户配置下,类似于您的用户设置和键盘快捷键。

  • Windows %APPDATA%\Code\User\profiles
  • macOS $HOME/Library/Application\ Support/Code/User/profiles
  • Linux $HOME/.config/Code/User/profiles

如果您正在使用 Insiders 版本,则中间文件夹名称为 Code - Insiders

什么是临时配置文件?

临时配置文件 是一个不会跨 VS Code 会话保存的配置文件。您可以通过命令面板中的 Profiles: Create a Temporary Profile 命令创建临时配置文件。临时配置文件以空配置文件启动,并具有自动生成的名称(例如 Temp 1)。您可以修改配置文件设置和扩展,在 VS Code 会话的生命周期内使用该配置文件,但一旦您关闭 VS Code,它将被删除。

如果您想尝试新配置或测试扩展而不修改默认配置文件或现有配置文件,临时配置文件非常有用。重新启动 VS Code 会重新启用工作区的当前配置文件。

我可以从另一个配置文件继承设置吗?

目前,无法从另一个配置文件继承设置,即您覆盖特定设置并保留另一个配置文件中的其余设置。我们正在 vscode 存储库中跟踪此功能请求

当您创建新配置文件时,您可以选择从另一个配置文件或默认配置文件复制设置。这会在新配置文件中创建设置的副本,但不会维护与您用作源的配置文件的链接。

如何从我的项目中删除配置文件?

你可以将你的项目恢复到默认配置文件。 如果你想移除所有配置文件工作区关联,你可以使用 开发者: 重置工作区配置文件关联,这将把所有当前已分配了配置文件的本地文件夹设置回默认配置文件。 重置工作区配置文件关联 不会删除任何现有配置文件。

为什么在导出配置文件时,某些设置未导出?

当导出配置文件时,机器特定设置未包含在内,因为这些设置在另一台机器上不适用。 例如,指向本地路径的设置未包含在内。

为什么在创建新配置文件时,模板不可用?

配置文件模板由 VS Code 外部托管,并且只有在你连接到互联网时才能下载和应用模板。 如果你注意到配置文件模板不可用,请确保检查你的互联网连接。