vscode怎么添加新文件夹

2次阅读

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

vscode怎么添加新文件夹

资源管理器里右键新建是最直接的方式

VSCode 里添加新文件夹,最常用也最稳妥的方法就是在资源管理器中右键操作——它不依赖扩展、不改配置、不碰终端,打开即用。

  • 确保已打开左侧资源管理器(快捷键 Ctrl+Shift+ECmd+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,它会连同缺失的 srccomponents 一起创建
  • 终端里用 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 FileQuick File Creator 的用户,建议装完先查一下快捷键是否被覆盖

容易被忽略的一点:新建文件夹后,VSCode 不会自动把它设为当前工作目录,终端里的 pwd 仍是旧路径。如果后续要在里面跑脚本,得手动 cd 进去,或者右键文件夹 → “在集成终端中打开”。

text=ZqhQzanResources