Ctrl+N仅创建未保存的空白标签页,无法新建带路径的文件或文件夹;推荐使用命令面板执行“Explorer: New File”输入完整路径,VSCode 1.70+原生支持自动创建缺失的父目录。

Ctrl+N 不能一次性建文件夹+文件,它只开空白标签页
很多人按 Ctrl+N(macOS 是 Cmd+N)后开始写代码,关掉窗口才发现文件根本没落地——它只是内存里的 untitled-1,资源管理器里压根不会出现。这个操作和“新建文件夹”完全无关,也做不到嵌套创建。
真正需要“一次性建 src/utils/api.ts”这种带路径的文件时,Ctrl+N 必须配合手动保存、逐级点选目录,效率极低,还容易存错位置。
- 它不检查路径是否存在,也不自动创建中间文件夹
- 未保存前右上角带星号
*,是重要提示信号 - 在空工作区(没打开任何文件夹)下使用,
Ctrl+S会弹出全盘路径选择器,极易迷路
原生方式:用 Explorer: New File 输入完整路径
VSCode 1.70+ 原生支持在命令面板中输入带斜杠的路径,自动创建缺失的父目录。不需要插件,稳定、无冲突。
操作步骤:
- 确保已打开工作区(
Ctrl+K O选中一个文件夹) - 按
Ctrl+Shift+P(macOS:Cmd+Shift+P)打开命令面板 - 输入
Explorer: New File,回车 - 直接输入完整路径,例如:
src/components/Modal/index.tsx,回车
VSCode 会自动创建 src、components、Modal 三级文件夹,并在其中生成空的 index.tsx 文件,同时在编辑器中打开。
注意:如果当前资源管理器没聚焦在某个文件夹上,它默认建在工作区根目录;若已选中 src 文件夹,则路径可相对写成 components/Modal/index.tsx。
Advanced New File 插件:支持 Tab 跳转编辑路径
如果你每天要建十几个嵌套路径文件,原生方式仍略显机械。此时 Advanced New File 插件能显著提速,尤其适合前端项目中高频创建 pages/xxx/index.tsx、features/xxx/hooks.ts 这类结构。
安装后,推荐用快捷键触发:
- Windows/Linux:
Ctrl+Alt+N|macOS:Cmd+Alt+N - 输入
pages/HomePage.vue,回车即建 - 输入过程中按
Tab可在路径各段间跳转修改(比如把HomePage改成AboutPage) - 若当前正编辑
src/api/user.ts,插件还能智能补全同级路径,如输入auth.ts会默认放在src/api/下
它比原生多一层上下文感知,但代价是引入一个扩展——如果团队协作或 CI 环境要求轻量,建议优先用原生方案。
终端 code xxx 命令:最快但依赖当前目录
当你已在集成终端里 cd 进 src/utils,执行 code helpers.ts 是最直接的方式:文件不存在就创建并打开,存在就直接打开。没有弹窗、不跳焦点、不依赖鼠标。
但它有硬性前提:
- 必须先
cd到目标父目录,否则可能建在家目录或 VSCode 启动目录 -
code命令需已加入系统 PATH(首次安装 VSCode 时勾选“Add to PATH”才可用) - 不能跨层级建文件夹,比如当前在
src,输code components/Button.tsx会失败,报错Command failed: mkdir components/Button.tsx
所以它适合“单层、已定位”的场景,不适合批量建多级嵌套结构。
真正容易被忽略的是路径上下文一致性:命令面板、右键菜单、插件、终端四种方式,对“当前在哪”的定义完全不同。混用时容易以为输对了路径,结果文件出现在意料之外的位置。建议固定一种主方式,再根据场景微调。











