使用VSCode工作区可高效管理多项目,通过“添加文件夹到工作区”整合前端、后端等多目录,保存为.code-workspace文件以便后续快速恢复完整布局。
在 VSCode 中创建和管理代码工作区,能帮助你高效组织多个项目或相关文件夹。工作区让你可以同时打开多个文件夹,并保存特定的编辑器布局、设置和调试配置。
创建多文件夹工作区
当你需要同时处理多个相关项目时,比如前端和后端代码,使用多文件夹工作区非常实用。
- 打开 VSCode,点击顶部菜单的 “文件” → “添加文件夹到工作区”,选择你要加入的文件夹。
- 添加完成后,左侧资源管理器会显示所有已加入的文件夹。
- 接着通过 “文件” → “将工作区另存为…” 保存为
.code-workspace
文件,例如myproject.code-workspace
。
保存后,下次直接打开这个文件即可恢复整个工作区结构。
管理工作区设置
工作区级别的设置会覆盖用户设置,但只作用于当前工作区。
- 右键点击工作区中的任意文件夹,选择 “打开工作区设置”。
- 在设置面板中搜索并修改选项,比如启用或禁用某个扩展、调整缩进大小等。
- 这些设置会写入工作区文件或对应的
.vscode/settings.json
中。
例如,你可以为某个工作区关闭 Prettier 自动格式化,而其他项目保持开启。
使用工作区推荐扩展
团队协作时,可以通过工作区指定推荐的扩展,提升开发一致性。
- 在项目根目录创建
.vscode/extensions.json
文件。 - 添加
recommendations
列表,列出建议安装的扩展 ID。
{ “recommendations”: [ “ms-python.python”, “esbenp.prettier-vscode“, “bradlc.vscode-tailwindcss” ] }
其他成员打开该工作区时,VSCode 会提示安装这些推荐扩展。
切换和关闭工作区
你可以随时切换不同工作区或返回单文件夹模式。
- 使用 “文件” → “打开工作区” 来加载已保存的工作区文件。
- 选择 “文件” → “关闭工作区” 可退出当前工作区,回到默认状态。
- 最近打开的工作区会在启动页和文件菜单中显示,方便快速访问。
如果只需要查看一个项目,关闭工作区后重新打开单个文件夹即可。
基本上就这些。合理使用工作区能显著提升多项目开发体验,特别是配合自定义设置和扩展推荐时。不复杂但容易忽略。
vscode css python js 前端 json 后端 ai 资源管理器 win Python json vscode