多项目福音：VS Code多根工作区(Multi-root Workspace)实战

新闻中心 NEWS CENTER

您当前位置：首页 > 新闻中心 > 网络学院

多项目福音：VS Code多根工作区(Multi-root Workspace)实战

2025-12-03

浏览次数：次

返回列表

多根工作区可整合多个独立项目，统一管理并提升开发效率。通过界面添加文件夹或编辑.code-workspace文件，实现跨项目搜索、调试和设置共享，适合微服务、全栈开发等场景，建议使用相对路径保存配置以便协作。

多项目福音：vs code多根工作区(multi-root workspace)实战

多个项目需要同时处理？文件来回切换看得眼花缭乱？VS Code 的多根工作区（Multi-root Workspace）正是为此而生。它允许你将多个不相关的项目整合到一个窗口中，统一管理、快速导航，提升开发效率。下面带你一步步实战配置和使用。

什么是多根工作区？

传统工作区通常只打开一个文件夹，而多根工作区可以同时加载多个独立项目目录。这些项目不必有父子关系，也能共享设置、任务和调试配置。

适合场景：

微服务架构下多个服务模块并行开发
前端与后端项目需联动修改
维护多个插件或组件库

如何创建多根工作区？

操作非常简单，有两种常用方式：

方法一：通过界面添加

打开 VS Code，点击左侧资源管理器顶部的“...”菜单
选择“添加文件夹到工作区”
从弹出的对话框中选择你要加入的项目文件夹
可重复添加多个

方法二：手动编辑 .code-workspace 文件

在空白目录下新建一个名为 myproject.code-workspace 的文件，内容如下：

神笔马良

神笔马良 - AI让剧本一键成片。

320 查看详情神笔马良

{
  "folders": [
    {
      "name": "前端",
      "path": "../frontend-app"
    },
    {
      "name": "后端",
      "path": "../backend-service"
    },
    {
      "name": "工具脚本",
      "path": "../scripts"
    }
  ],
  "settings": {
    "editor.tabSize": 2
  }
}

保存后双击该文件即可用 VS Code 打开这个多根工作区。