VSCode可通过多根工作区、文件隐藏规则、符号链接及扩展实现高效文件夹组织。例如添加client/server/shared为多根工作区并保存为.code-workspace;用files.exclude隐藏node_modules等;Linux/macOS用ln -s创建链接;配合Project Manager等扩展提升管理效率。

VSCode 本身不直接提供“文件夹分组”或“虚拟文件夹”功能,但通过工作区(Workspace)、多根工作区(Multi-root Workspace)、设置过滤和扩展配合,完全可以实现清晰、灵活、高效的项目组织。
用多根工作区管理关联但独立的模块
适合微服务、前后端分离、或一个大项目下多个子仓库的场景。比如你有 client、server、shared 三个本地文件夹,它们各自是 Git 仓库,又属于同一项目。
- 打开 VSCode → File → Add Folder to Workspace…,依次添加这三个文件夹
- 保存工作区:菜单 File → Save Workspace As…,生成一个
.code-workspace文件(如myproject.code-workspace) - 之后双击这个文件,就能一次性加载全部结构,每个文件夹在资源管理器中以独立根节点显示,配置(如 launch.json、tasks.json)可按根分别定义
用文件资源管理器的“折叠”与“隐藏”减少干扰
不是所有文件都需要常驻视野。VSCode 支持按类型或路径规则临时隐藏无关项,让结构更干净。
- 右键文件/文件夹 → Hide from Explorer(仅当前用户生效,不改动磁盘)
- 全局隐藏:打开设置(Ctrl+,),搜索 files.exclude,添加规则,例如:
"**/node_modules": true,
"*.log": true,
"dist/": true - 已隐藏的项仍可被搜索(Ctrl+P)、调试、运行,只是不在侧边栏显示
用符号链接(软链接)模拟逻辑分组(适用于 macOS/Linux/WSL)
当物理路径分散,但你想在资源管理器中统一查看时,可创建指向真实目录的链接,作为“快捷入口”。
LANUX V1.0 蓝脑商务网站系统 适用于网店、公司宣传自己的品牌和产品。 系统在代码、页面方面设计简约,浏览和后台管理操作效率高。 此版本带可见即可得的html编辑器, 方便直观添加和编辑要发布的内容。 安装: 1.解压后,更换logo、分类名称、幻灯片的图片及名称和链接、联系我们等等页面。 2.将dbconfig.php里面的数据库配置更改为你的mysql数据库配置 3.将整个文件夹上传至
- 终端进入你的工作区根目录,执行:
ln -s /path/to/real/component-a ./workspace-links/component-a - 刷新资源管理器(或重启 VSCode),链接会像普通文件夹一样显示,点击即跳转到源位置
- 注意:Windows 需启用开发者模式并用
mklink,且部分扩展可能不完全兼容链接路径
善用扩展补足原生短板
几个轻量实用的扩展能显著提升组织体验:
- Project Manager:一键切换不同项目(含多根工作区),支持自定义图标和快速搜索
- Bookmarks:在任意代码行打书签,再通过命令面板跳转,适合跨文件高频访问点
- Auto Rename Tag(前端向):修改 HTML/JSX 标签名时自动同步闭合标签,减少文件内跳转次数
基本上就这些。不需要复杂插件或改造编辑器,靠 VSCode 原生机制 + 少量合理配置,就能把几十个文件夹理得清楚明白。









