vscode中新建文件夹最稳妥的方式是在资源管理器空白处右键选择“新建文件夹”;支持F2重命名、Tab跳转(需开启对应设置),且仅在资源管理器聚焦时菜单完整。

资源管理器里右键新建是最直接的方式
VSCode 里添加新文件夹,最常用也最稳妥的方法就是在资源管理器中右键操作——它不依赖扩展、不改配置、不碰终端,打开即用。
- 确保已打开左侧资源管理器(快捷键
Ctrl+Shift+E或Cmd+Shift+E) - 在目标父目录上**右键空白处**(不是已存在的文件/文件夹上),选“新建文件夹”
- 输入名称后按
Enter,文件夹立刻生成并高亮显示 - 若输错名,可立即按
F2重命名;支持 Tab 键在路径段间跳转(需开启"explorer.renameOnType": true)
注意:右键菜单只在“资源管理器聚焦状态”下才完整出现。如果点了一下文件又去右键,可能弹出的是文件上下文菜单,而非位置上下文菜单——此时按 Esc 退出选中,再点空白处即可。
用命令面板创建带嵌套路径的文件夹
想一步建出 src/components/Button 这种多层结构?原生 explorer.newFolder 命令只建单层,但配合路径输入或扩展就能破局。
- 聚焦资源管理器 →
Ctrl+Shift+P→ 输入Explorer: New Folder→ 回车 - 此时只能输入单层名,如输
components,不会自动建src - 真正支持嵌套创建的是扩展方案:装
Advanced New File后,用Advanced New File: Create File命令,输src/components/index.ts,它会连同缺失的src和components一起创建 - 终端里用
mkdir -p src/components也行,但资源管理器不会自动刷新,得手动右键“刷新”或按Ctrl+R
把已有文件夹“加进工作区”不是新建,是多根目录管理
很多人搜“添加文件夹”实际想的是把另一个项目目录纳入当前 VSCode 窗口——这和在资源管理器里新建文件夹完全是两回事,别混淆。
- 点击顶部菜单
文件 → 将文件夹添加到工作区,选中磁盘上的目标文件夹 - 添加后,资源管理器顶部会出现多个根节点,每个都是独立路径,彼此不嵌套
- 这种多文件夹工作区保存为
.code-workspace文件,关闭再打开仍保留结构 - 误操作风险:如果直接拖拽外部文件夹到资源管理器里,VSCode 默认是**移动**(不是添加),一松手就真挪走了——要复制得按住
Alt(Win/linux)或⌥(macos)再拖
快捷键配置能省时间,但得确认触发条件
原生 VSCode 没预设新建文件夹快捷键,但可以自己加,关键是要理解 when 条件,否则按了没反应。
- 打开
Preferences: Open Keyboard Shortcuts (json),加这段:
{ "key": "ctrl+alt+shift+n", "command": "explorer.newFolder", "when": "filesExplorerFocus" }
when: "filesExplorerFocus" 是重点:只有资源管理器处于焦点(比如你刚按了 Ctrl+Shift+E)时快捷键才生效explorerViewletVisible Easy New File 或 Quick File Creator 的用户,建议装完先查一下快捷键是否被覆盖容易被忽略的一点:新建文件夹后,VSCode 不会自动把它设为当前工作目录,终端里的 pwd 仍是旧路径。如果后续要在里面跑脚本,得手动 cd 进去,或者右键文件夹 → “在集成终端中打开”。