VSCode的Advanced New File插件:快速创建文件与文件夹
发布时间 - 2025-12-31 00:00:00 点击率:次Advanced New File 插件支持四种快速创建嵌套路径文件的方式:一、命令面板输入完整路径;二、资源管理器右键选择父目录后输入子路径;三、快捷键唤起路径输入框并支持Tab跳转编辑;四、基于当前打开文件路径智能解析相对路径。
如果您在使用 VSCode 进行开发时需要频繁创建嵌套路径下的文件或文件夹,但手动逐级新建效率低下,则可能是由于缺乏对路径批量解析与自动补全的支持。以下是利用 Advanced New File 插件实现快速创建的多种操作方式:
本文运行环境:MacBook Air,macOS Sequoia。
一、通过命令面板触发创建
该方法适用于任意工作区上下文,无需光标聚焦于资源管理器,直接调用插件核心功能启动路径输入界面。
1、按下 Cmd + Shift + P(Windows/Linux 为 Ctrl + Shift + P)打开命令面板。
2、输入 Advanced New File: Create File 并回车。
3、在弹出的输入框中键入完整路径,例如 src/components/Button/index.tsx。
4、按 Enter 确认,插件将自动创建缺失的 src 和 components 文件夹,并在最终路径生成空文件。
二、在资源管理器中右键快捷创建
此方式依赖于资源管理器当前选中的父目录或文件,插件会以所选项为基准推导相对路径起点,提升上下文感知精度。
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 + N(Windows/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/ 并创建对应文件。
# linux
# vue
# vscode
# windows
# macbook
# mac
# ai
# macos
# 资源管理器
# win
# cos
# 右键
# 按下
# 跳转
# 输入框
# 资源管理
# 器中
# 运行环境
# 将在
# 已有
# 适用于
相关栏目:
【
网站优化151355 】
【
网络推广146373 】
【
网络技术251813 】
【
AI营销90571 】
相关推荐:
如何在万网自助建站平台快速创建网站?
如何获取上海专业网站定制建站电话?
学生网站制作软件,一个12岁的学生写小说,应该去什么样的网站?
高防服务器:AI智能防御DDoS攻击与数据安全保障
Laravel如何使用Scope本地作用域_Laravel模型常用查询逻辑封装技巧【手册】
Laravel如何实现用户密码重置功能?(完整流程代码)
如何在景安服务器上快速搭建个人网站?
香港服务器网站生成指南:免费资源整合与高速稳定配置方案
如何在阿里云部署织梦网站?
Laravel如何使用Eloquent进行子查询
利用JavaScript实现拖拽改变元素大小
Python自动化办公教程_ExcelWordPDF批量处理案例
如何在建站之星网店版论坛获取技术支持?
高防服务器如何保障网站安全无虞?
如何在IIS中新建站点并解决端口绑定冲突?
UC浏览器如何切换小说阅读源_UC浏览器阅读源切换【方法】
如何在宝塔面板中修改默认建站目录?
高端建站如何打造兼具美学与转化的品牌官网?
北京网页设计制作网站有哪些,继续教育自动播放怎么设置?
,网页ppt怎么弄成自己的ppt?
html5audio标签播放结束怎么触发事件_onended回调方法【教程】
深圳网站制作公司好吗,在深圳找工作哪个网站最好啊?
Laravel如何配置.env文件管理环境变量_Laravel环境变量使用与安全管理
在线制作视频网站免费,都有哪些好的动漫网站?
js实现点击每个li节点,都弹出其文本值及修改
Edge浏览器如何截图和滚动截图_微软Edge网页捕获功能使用教程【技巧】
Laravel怎么实现模型属性的自动加密
Laravel如何自定义分页视图?(Pagination示例)
ChatGPT常用指令模板大全 新手快速上手的万能Prompt合集
香港服务器网站测试全流程:性能评估、SEO加载与移动适配优化
ChatGPT怎么生成Excel公式_ChatGPT公式生成方法【指南】
EditPlus中的正则表达式实战(6)
新三国志曹操传主线渭水交兵攻略
HTML5段落标签p和br怎么选_文本排版常用标签对比【解答】
大型企业网站制作流程,做网站需要注册公司吗?
动图在线制作网站有哪些,滑动动图图集怎么做?
原生JS获取元素集合的子元素宽度实例
iOS UIView常见属性方法小结
Laravel怎么使用Collection集合方法_Laravel数组操作高级函数pluck与map【手册】
java ZXing生成二维码及条码实例分享
Laravel请求验证怎么写_Laravel Validator自定义表单验证规则教程
Linux后台任务运行方法_nohup与&使用技巧【技巧】
Windows10怎样连接蓝牙设备_Windows10蓝牙连接步骤【教程】
制作无缝贴图网站有哪些,3dmax无缝贴图怎么调?
Laravel中的Facade(门面)到底是什么原理
Java遍历集合的三种方式
小米17系列还有一款新机?主打6.9英寸大直屏和旗舰级影像
如何用ChatGPT准备面试 模拟面试问答与职场话术练习教程
如何在阿里云域名上完成建站全流程?
谷歌Google入口永久地址_Google搜索引擎官网首页永久入口

