如何在 VS Code 中创建不同的编码环境(例如:按语言)。[设置配置文件]

ami*_*mir 4 javascript ide visual-studio-code

我想为 VS Code 中的每个库进行自定义设置。

例如,我想在我的所有 React 项目中启用一个插件,但不在 Vue JS 中启用。

我不想手动操作,有办法切换设置吗?

我不希望 IDE 自动检测它,我想创建自定义设置并在需要时在它们之间切换。

Mar*_*ark 6

v1.71 中有更多设置配置文件支持,请参阅v1.71 发行说明:设置配置文件

在此里程碑中,我们添加了对设置配置文件功能的 CLI 支持。现在,您可以使用 arg 传递配置文件的名称--profile,并使用该配置文件打开文件夹或工作区。以下说明将打开包含 Web 开发配置文件的 web-sample 文件夹。如果配置文件不存在,则会创建一个具有给定名称的新空配置文件。

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

我们还添加了对临时设置配置文件的支持,该配置文件可以临时创建并关联到文件夹或工作区。一旦该配置文件未与任何文件夹或工作区关联,它就会被自动删除。


对“配置文件”的扩展支持将在 vscode v1.69 中处于预览状态。来自发行说明:设置配置文件

设置配置文件由设置、键盘快捷键、扩展、状态、任务和片段组成。您可以为不同的开发环境(如 Web、机器学习)或多种编程语言教室(如 Python、Java)或个人模式(如工作或演示)自定义 VS Code,并将它们保存为设置配置文件。您可以根据您正在处理的项目、您正在参加的课堂或演示时同时打开具有不同配置文件的多个工作区(文件夹)。

下面演示了为 Web 开发环境自定义 VS Code 并从中创建设置配置文件。

设置配置文件演示

[此处省略了发行说明中的​​更多 gif]

React您可以同时在Web开发配置文件中打开您的项目和Python 在班级配置文件中打开班级项目Python,如下图所示。

不同语言的不同编程环境

"workbench.colorCustomizations": {
    "statusBarItem.settingsProfilesBackground": "#ce4918",
    "statusBarItem.settingsProfilesForeground": "#e0dfdb",
}
Run Code Online (Sandbox Code Playgroud)

您可以使用齿轮菜单中子菜单 Remove Settings Profile...中的可用操作来管理和删除设置配置文件。Settings ProfilesSettings

尽管您可以根据配置文件自定义 VS Code,但有些配置文件只能在应用程序级别进行自定义。例如,所有应用程序范围的设置(例如update.mode语言包扩展、设置同步启用和工作区信任状态)都应在应用程序级别的所有配置文件中进行自定义。