VSCode的Advanced New File插件:快速创建文件与文件夹

21次阅读

Advanced New File 插件支持四种快速创建嵌套路径文件的方式:一、命令面板输入完整路径;二、资源管理器右键选择父目录后输入子路径;三、快捷键唤起路径输入框并支持Tab跳转编辑;四、基于当前打开文件路径智能解析相对路径。

VSCode的Advanced New File插件:快速创建文件与文件夹

如果您在使用 vscode 进行开发时需要频繁创建嵌套路径下的文件或文件夹,但手动逐级新建效率低下,则可能是由于缺乏对路径批量解析与自动补全的支持。以下是利用 Advanced New File 插件实现快速创建的多种操作方式:

本文运行环境:macBook air,macOS Sequoia。

一、通过命令面板触发创建

该方法适用于任意工作区上下文,无需光标聚焦于资源管理器,直接调用插件核心功能启动路径输入界面。

1、按下 Cmd + Shift + Pwindows/linux 为 Ctrl + Shift + P)打开命令面板。

2、输入 Advanced New File: Create File 并回车。

3、在弹出的输入框中键入完整路径,例如 src/components/Button/index.tsx

4、按 Enter 确认,插件将自动创建缺失的 srccomponents 文件夹,并在最终路径生成空文件。

二、在资源管理器中右键快捷创建

此方式依赖于资源管理器当前选中的父目录或文件,插件会以所选项为基准推导相对路径起点,提升上下文感知精度。

1、在 VSCode 左侧资源管理器中,右键单击目标父文件夹(如 src)。

2、从右键菜单中选择 Advanced New File: Create File Here

3、输入子路径名,例如 utils/helpers.ts

4、确认后,插件将在所选文件夹下创建 utils 子目录及其中的 helpers.ts 文件。

三、使用快捷键快速唤起路径输入

该方式绕过命令面板,减少按键次数,适合高频使用者,需确保快捷键未被其他扩展覆盖。

1、默认快捷键为 Cmd + Alt + N(macos)或 Ctrl + Alt + Nwindows/Linux)。

2、按下快捷键后,焦点立即进入路径输入框。

3、输入带斜杠的嵌套路径,如 pages/HomePage.vue

4、按 Tab 可在路径各层级间跳转编辑,按 Enter 完成创建。

四、基于当前打开文件路径智能补全

当已有文件处于编辑状态时,插件可自动识别其所在目录结构,辅助生成同级或相邻路径,降低路径书写错误率。

1、确保一个文件已打开并处于活动标签页,例如 src/api/user.ts

2、调用 Advanced New File: Create File 命令或快捷键。

3、输入相对路径片段,如 ../models/UserModel.ts

4、插件解析当前文件路径后,自动定位到 src/models/ 并创建对应文件。

text=ZqhQzanResources