vs code资源管理器不支持输入路径创建多级文件夹,仅能通过右键选择“新建文件夹”并手动输入单层名称(如components)后按enter确认;多级目录需在内置终端使用mkdir -p命令。

VS Code 里不能直接“输入创建文件夹”
VS Code 的资源管理器不支持像终端那样敲命令新建文件夹,也没有快捷键+输入路径的原生功能。你看到的“新建文件夹”按钮(或右键菜单)只弹出一个空白输入框,但必须手动键入完整文件夹名——它不会帮你补全路径、不识别斜杠分隔、也不接受相对路径语法。
正确做法:用资源管理器右键 + 手动命名
这是最稳定、兼容所有系统(Windows/macOS/Linux)且不依赖插件的方式:
- 在资源管理器中,右键点击目标父目录(比如
src或空白处) - 选择
新建文件夹 - 立刻出现一个带高亮的输入框,此时直接打字,例如
components - 按
Enter确认,文件夹即创建成功
注意:Enter 是关键,别点鼠标其他地方,否则输入框会取消;也不能输 ./utils 或 pages/home —— 它只接受单层名称,多级路径会报错或建出字面含斜杠的奇怪文件夹。
想批量建多级目录?得切到终端
VS Code 内置终端(Ctrl+\`)才是处理路径逻辑的地方,资源管理器做不到:
- Windows 用户用
mkdir -p src/pages/home(需 PowerShell 或启用mklink兼容) - macOS / Linux 用户直接运行
mkdir -p src/pages/home - 确认后刷新资源管理器(或按
Cmd+R/Ctrl+R),新目录才会显示
常见错误:mkdir src/pages/home 不加 -p 时,如果 src/pages 不存在,命令直接失败——这点和资源管理器的“只能单层”本质一致,只是终端给了你更明确的错误提示:no such file or directory。
别装“自动建文件夹”插件,多数有副作用
搜 vscode create folder shortcut 会出来一堆插件,但实际踩坑率很高:
- 有些插件把
Ctrl+Shift+N绑定为“输入路径建文件夹”,结果和原生新建文件冲突 - 部分插件在远程开发(SSH/WSL)下无法解析路径,建出来的文件夹位置错乱
- 还有插件会劫持右键菜单,导致原本的
新建文件选项消失
除非你每天要建 20+ 层嵌套目录,否则真没必要。原生方式慢半秒,但稳;插件快一秒,但某天突然找不到 node_modules 里刚建的子文件夹,排查起来更费时间。
最常被忽略的一点:资源管理器里的文件夹名一旦输错,不能像文件那样按 F2 重命名——必须右键 → 重命名,或者删掉重建。所以输的时候多看一眼,比事后补救省事。










