VSCode中快速创建文件和文件夹主要依靠资源管理器快捷操作与轻量扩展配合:选中文件夹后Alt+Click(Win/Linux)或⌥+Click(macOS)空白处新建,或通过命令面板输入“Explorer: New File/Folder”创建,亦可配置快捷键如Ctrl+Alt+N新建文件、Ctrl+Alt+Shift+N新建文件夹。

在 VSCode 中快速创建文件和文件夹,核心是善用资源管理器(Explorer)的快捷操作和少量扩展支持,无需鼠标点选多层菜单。
直接在资源管理器中新建
打开左侧资源管理器(Ctrl+Shift+E),聚焦到目标文件夹上:
- 按 Alt+Click(Windows/Linux)或 ⌥+Click(macOS)空白处,会弹出上下文菜单,选择“新建文件”或“新建文件夹”
- 更常用的是:选中某个文件夹 → 按 Ctrl+Click(Windows/Linux)或 ⌘+Click(macOS)空白处 → 快速新建(部分版本支持)
- 或者:右键目标文件夹 → 直接选“新建文件”或“新建文件夹”,输入名称后回车即创建(支持带扩展名,如
index.html)
用快捷键批量新建(需启用或安装扩展)
VSCode 原生不绑定新建文件/文件夹的全局快捷键,但可通过以下方式补足:
- 安装轻量扩展 Quick File Creator 或 Easy New File,安装后可自定义快捷键(如 Ctrl+Alt+N 新建文件,Ctrl+Alt+Shift+N 新建文件夹)
- 手动配置快捷键:打开命令面板(Ctrl+Shift+P)→ 输入 “Preferences: Open Keyboard Shortcuts (JSON)” → 添加如下规则:
{
"key": "ctrl+alt+n",
"command": "explorer.newFile",
"when": "filesExplorerFocus"
},
{
"key": "ctrl+alt+shift+n",
"command": "explorer.newFolder",
"when": "filesExplorerFocus"
}
从命令面板快速触发
不依赖鼠标,全程键盘操作:
- 聚焦资源管理器(Ctrl+Shift+E)→ 按 Ctrl+Shift+P 打开命令面板
- 输入 “Explorer: New File” 或 “Explorer: New Folder”,回车 → 输入路径和名称(支持相对路径,如
src/components/Button.tsx),回车即创建并自动打开 - 若当前已选中某文件夹,新文件/夹将默认创建在其内部
小技巧:快速重命名与补全
新建后常需调整名称,这些操作能省时间:
- 新建文件时输入
style.回车,VSCode 会自动补全为style.css(基于已有文件类型推测) - 右键文件 → “重命名”(或选中后按 F2)→ 支持 Tab 键在路径各段间跳转(需开启
"explorer.renameOnType": true) - 拖拽文件到文件夹内,松手即移动;按住 Alt(Win/Linux)或 ⌥(macOS)拖拽则是复制
基本上就这些。原生功能够用,加一个快捷键扩展就更顺手。不需要装一堆插件,关键在熟悉资源管理器的聚焦状态和快捷键触发时机。










