VS Code 多根工作区如何分别设置语言服务

把前端和后端放进同一个 VS Code 多根工作区后，最容易遇到的误会是：改了一个设置，两个项目一起变了。正确做法是区分 User、Workspace 和 Folder Settings。需要分别控制语言服务时，先让两个目录成为根目录，再在设置编辑器里选中具体文件夹范围；对应配置会落在该根目录的 .vscode/settings.json，而不是误写进公共工作区。

一句话处理：打开多根工作区后，在 Settings 的范围下拉框选择某个根目录的 Folder Settings，再保存该目录的资源级语言服务设置。切换到另一个根目录重复一次，两个项目就能各自生效；窗口级选项不能按文件夹拆分，应放回 Workspace。

先把两个项目放进同一个多根工作区

假设工作区里有一个前端目录 frontend 和一个后端目录 backend。打开第一个目录后，选择 File → Add Folder to Workspace，在文件选择器中加入第二个目录。也可以直接打开已有的 .code-workspace 文件。完成后，Explorer 不再只有一个项目节点，而是显示两个并列的根目录。

这里不要把第二个目录拖到编辑器区域后就停止操作：单独拖入一个目录通常仍是单文件夹模式。以 Explorer 中出现两个根目录为准，工作区标题也应显示当前的工作区文件或名称。

从设置编辑器切到具体根目录

按 ⌘,（Windows/Linux 使用 Ctrl+,）打开 Settings。设置编辑器顶部有范围下拉框，依次选择 Folder Settings，再选择当前要配置的根目录，例如 frontend。如果看不到 Folder Settings，先检查是否真的打开了多根工作区，而不是只打开了一个普通文件夹。

这个范围选择比搜索框更重要。搜索框只负责找到设置项，范围下拉框才决定保存位置。建议先点设置项右侧齿轮，使用 Copy Setting as JSON 查看它对应的键名，再确认当前范围标签后修改。

分别写入两个根目录的语言服务设置

以 frontend 为例，选择 Folder Settings → frontend 后，在搜索框输入 files associations，找到文件关联设置；或者执行命令面板中的 Preferences: Open Folder Settings (JSON)。下面的 JSON 只演示“前端项目把模板文件当作 HTML”的资源级配置，字段名和值要按项目实际需要替换：

{
  "files.associations": {
    "*.tpl": "html"
  }
}

这是严格 JSON，所以不在代码块里插入注释；它的作用是把 *.tpl 的语言模式限制在当前根目录。保存后，对 frontend 内的模板文件重新打开，右下角语言模式应显示 HTML。接着切换到 Folder Settings → backend，用同一个入口保存后端项目自己的资源配置。两个文件可以内容不同，关键是它们分别位于两个根目录下。

用文件位置和优先级确认设置真的生效

完成保存后，先执行 Preferences: Open Folder Settings (JSON)，看编辑器打开的文件位置是否属于当前根目录。再分别在 frontend 和 backend 中打开一个目标文件，观察状态栏的语言模式或扩展提供的语言服务行为。

优先级可以按“越具体越靠后”理解：默认值 → User → Remote → Workspace → Workspace Folder。Folder Settings 能覆盖工作区公共值，但前提是该设置支持资源或文件夹范围。像窗口缩放、整体界面布局这类作用于整个编辑器的选项，不支持两个根目录各设一份；在 Folder Settings 中出现灰色或信息提示时，应把它移到 Workspace。

如果误改了公共配置，打开工作区文件中的 settings 节点，删除不该共享的键；如果某个根目录不再需要独立设置，删除对应 .vscode/settings.json 中的键即可回到上层配置。不要为了“看起来独立”把所有设置复制两遍，复制越多，后续排查覆盖关系越困难。

常见问题

为什么两个根目录的语言模式还是一样？

通常是设置写到了 Workspace 或 User 范围。重新执行 Folder Settings 的 JSON 命令，确认打开的路径分别属于两个根目录。

Folder Settings 里某个选项是灰色的怎么办？

它多半是窗口级设置，不能按文件夹拆分。将它放到 Workspace 范围；只有资源级或支持 folder scope 的选项才能分别配置。

能不能直接编辑工作区文件？

可以。工作区公共配置适合放在 .code-workspace 的 settings 节点，根目录独有配置仍应放在各自的 .vscode/settings.json，两者不要混成一份。

VS Code 官方地址：https://code.visualstudio.com/docs/editing/workspaces/multi-root-workspaces