VSCode工作区通过.code-workspace文件统一管理多项目设置、扩展、任务与搜索范围。需依次添加文件夹、保存工作区、配置专属settings.json、定义tasks.json,并可按需启用/禁用扩展。

如果您在VSCode中管理多个相关项目,但发现设置和扩展无法统一应用或文件搜索范围受限,则可能是由于未正确配置工作区(Workspace)。以下是关于VSCode工作区的详细使用说明:
本文运行环境:MacBook Air,macOS Sequoia。
一、创建工作区文件
VSCode工作区通过一个 .code-workspace 文件来保存多个文件夹路径、窗口布局、任务配置及特定设置,使多项目协同开发具备独立性与可复现性。
1、在VSCode中依次点击菜单栏 文件 → 将文件夹添加到工作区…,选择第一个项目根目录。
2、再次点击 文件 → 将文件夹添加到工作区…,添加第二个或更多项目文件夹。
3、点击 文件 → 另存为工作区…,输入名称(如 my-project.code-workspace)并保存至本地。
二、在工作区中配置专属设置
工作区设置优先级高于用户设置,可为当前工作区单独启用/禁用扩展、调整编辑器行为或定义代码格式化规则,避免影响其他项目。
1、打开命令面板(Cmd+Shift+P),输入并选择 Preferences: Open Workspace Settings (JSON)。
2、在打开的 settings.json 中添加键值对,例如:"editor.tabSize": 2 或 "files.exclude": {"**/node_modules": true}。
3、保存文件后,该设置仅在此工作区生效,重启VSCode亦保持不变。
三、使用工作区启动多根项目
VSCode支持“多根工作区”,即单个窗口同时加载多个不相关的文件夹,每个文件夹保留独立的资源视图与文件监听逻辑,提升跨模块协作效率。
1、关闭当前所有窗口,双击已保存的 .code-workspace 文件,或在终端执行 code my-project.code-workspace。
本支付接口的特点,主要是用xml文件来记录订单详情和支付详情。代码比较简单,只要将里面的商户号、商户key换成你自己的,将回调url换成你的网站,就可以使用了。通过这个实例也可以很好的了解一般在线支付接口的基本工作原理。其中的pay.config文件记录的是支付详情,order.config是订单详情
2、确认左侧资源管理器中显示多个文件夹图标,且每个文件夹旁标注 [root] 标识。
3、右键任一文件夹可选择 在新窗口中打开文件夹,实现工作区与单文件夹模式快速切换。
四、在工作区中定义任务(Tasks)
工作区任务允许为整个项目组合定制构建、测试或部署流程,任务配置与工作区绑定,确保团队成员执行一致的操作序列。
1、打开命令面板,输入并选择 Tasks: Configure Task,再选择 Create tasks.json file from template。
2、选择模板(如 Others),在生成的 .vscode/tasks.json 中编写 shell 命令,例如:"command": "npm run build"。
3、将 "group": "build" 和 "presentation": {"echo": true, "reveal": "always"} 加入配置,便于任务面板识别与执行。
五、管理工作区中的扩展启用状态
某些扩展(如 ESLint、Prettier)可能仅需在特定工作区启用,以避免语法检查冲突或格式化规则干扰;工作区可精确控制扩展的激活范围。
1、打开扩展视图(Cmd+Shift+X),在搜索框输入目标扩展名。
2、找到对应扩展后,点击其右侧的齿轮图标,选择 在工作区中启用 或 在工作区中禁用。
3、刷新窗口后,该扩展仅在当前工作区上下文中加载,其他窗口或工作区不受影响。









