讲师中心 微信公众号
AI工具推荐 视频效率加速

VSCode快捷创建文件_使用高级命令快速构建项目目录

雨萱姑娘_3504

雨萱姑娘_3504

发布时间:2026-04-10 15:02:34

|

804人浏览过

|

来源于php中文网

原创

VSCode内置newUntitledFile命令可绑定快捷键实现新建空白文件,但需手动设置;explorer.newFile需聚焦资源管理器;复杂目录结构需vscode-fileutils插件或终端mkdir -p命令。

vscode快捷创建文件_使用高级命令快速构建项目目录

VSCode里没有“新建文件”快捷键?用 workbench.action.files.newUntitledFile 替代

VSCode默认不绑定“新建空白文件”的快捷键,很多人误点资源管理器右键才反应过来——其实内置命令早就存在,只是没暴露在快捷键面板里。

实操建议:

  • 打开快捷键设置(Ctrl+K Ctrl+S),搜索 newUntitledFile,双击它,按你习惯的组合键(比如 Ctrl+N)绑定即可
  • 这个命令创建的是“未命名-1”类临时文件,保存时才会真正写入磁盘、触发文件系统监听(比如 Vite/HMR 重载)
  • 别把它和 explorer.newFile 混用:explorer.newFile 会直接在当前文件夹下创建带扩展名的空文件(如 index.ts),但需要先聚焦资源管理器,否则无效

想一键生成带结构的目录?用 vscode-fileutils 插件 + 自定义命令

VSCode原生不支持“创建 src/components/layout/ 和对应 index.tsx + styles.module.css”,必须靠插件补足。目前最稳定的是 vscode-fileutils,不是那些名字带“template”却只改后缀的半吊子工具。

实操建议:

  • 安装插件后,在命令面板(Ctrl+Shift+P)搜 File Utils: Create File 或 Create Folder,支持路径补全(输入 src/api/ 回车就建好嵌套目录)
  • 想进一步自动化?在 keybindings.json 里加一条:
    {
      "key": "ctrl+alt+n",
      "command": "fileutils.createFile",
      "args": { "path": "${fileDirname}/components/${relativeFileDirname}/" }
    }
    
    这样在 src/pages/home 下触发,就会默认在 src/components/pages/home 创建文件
  • 注意路径变量仅在资源管理器聚焦或编辑器有打开文件时生效;如果当前无活动文件,${fileDirname} 会为空,导致创建失败

项目初始化阶段避免手动建目录?用 npm init -y + mkdir -p 脚本组合

刚开新项目时,VSCode插件还没配好、命令也没绑,最可靠的方式其实是终端驱动——尤其当你需要跨平台(Windows/macOS/Linux)保持一致结构时。

VSCode
VSCode

避免常见的 VSCode 错误——设置冲突、调试器配置和扩展冲突。

下载

实操建议:

  • 在项目根目录运行:
    npm init -y && mkdir -p src/{components,api,assets,styles} public/{images,fonts}
    
    mkdir -p 的 -p 参数关键:自动创建父级,不报错
  • Windows PowerShell 用户注意:{a,b} 这种 brace expansion 是 Shell 特性,PowerShell 不支持。改用:
    mkdir src\components,src\api,src\assets,src\styles public\images,public\fonts
    
  • 如果后续要加 Git 忽略规则或 ESLint 配置,建议把这行命令塞进 package.json 的 scripts.init,避免每次重复敲

为什么有些快捷方式点了没反应?检查焦点和上下文范围

VSCode 命令是否生效,极度依赖当前焦点位置。这不是 Bug,是设计逻辑:很多文件操作命令只在资源管理器(Explorer)或编辑器(Editor)上下文中注册。

常见卡点:

  • explorer.newFolder 必须确保资源管理器已展开且鼠标悬停在目标父文件夹上;如果焦点在代码编辑区,按了也静音
  • files.newUntitledFile 在编辑器区域有效,但在终端(Terminal)面板中按下会变成发送 Ctrl+N 到 shell,可能触发 nano 编辑器而非新建文件
  • 插件命令(如 fileutils.createFile)通常要求至少有一个文件夹被打开为工作区(即左侧资源管理器顶部显示文件夹名),纯空窗口不识别路径上下文

复杂点在于:VSCode 不会提示“当前上下文不支持该命令”,而是沉默失败。遇到没反应,先按 Ctrl+Shift+E 切回资源管理器,再试一次。

热门AI工具

更多
WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

SkildArt
SkildArt Hot

SkildArt是一款AI文本写作工具,一站式 AI 视觉创作平台。

Loomy
Loomy Hot

一款AI工具,主要用于科大讯飞发布的桌面级 AI 助理,比 OpenClaw 更易用、更安全!,适合需要提升相关任务效率的用户。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

UpDream
UpDream Hot

一款AI视频创作工具,主要用于哔哩哔哩推出的自研AI视频创作工具,适合需要提升相关任务效率的用户。

Seko
Seko Hot

一款AI视频创作工具,主要用于商汤科技推出的创编一体的AI短视频创作Agent,适合需要提升相关任务效率的用户。

讯飞智作

讯飞智作是一款AI视频创作工具,AI文本配音工具,数字人课程、营销视频制作。

火山引擎

火山引擎是一款面向企业的云计算与AI服务平台。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

相关专题

更多
json数据格式
json数据格式

JSON是一种轻量级的数据交换格式。本专题为大家带来json数据格式相关文章,帮助大家解决问题。

2155

2023.08.07

json是什么
json是什么

JSON是一种轻量级的数据交换格式,具有简洁、易读、跨平台和语言的特点,JSON数据是通过键值对的方式进行组织,其中键是字符串,值可以是字符串、数值、布尔值、数组、对象或者null,在Web开发、数据交换和配置文件等方面得到广泛应用。本专题为大家提供json相关的文章、下载、课程内容,供大家免费下载体验。

3342

2023.08.23

jquery怎么操作json
jquery怎么操作json

操作的方法有:1、“$.parseJSON(jsonString)”2、“$.getJSON(url, data, success)”;3、“$.each(obj, callback)”;4、“$.ajax()”。更多jquery怎么操作json的详细内容,可以访问本专题下面的文章。

1116

2023.10.13

go语言处理json数据方法
go语言处理json数据方法

本专题整合了go语言中处理json数据方法,阅读专题下面的文章了解更多详细内容。

3819

2025.09.10

自建git服务器
自建git服务器

git服务器是目前流行的分布式版本控制系统之一,可以让多人协同开发同一个项目。本专题为大家提供自建git服务器相关的各种文章、以及下载和课程。

6499

2023.07.05

git和svn的区别
git和svn的区别

git和svn的区别:1、定义不同;2、模型类型不同;3、存储单元不同;4、是否拥有全局版本号;5、内容完整性不同;6、版本库不同;7、克隆目录速度不同;8、分支不同。php中文网为大家带来了git和svn的相关知识、以及相关文章等内容。

1860

2023.07.06

git撤销提交的commit
git撤销提交的commit

Git是一个强大的版本控制系统,它提供了很多功能帮助开发人员有效地管理和控制代码的变更,本专题为大家提供git 撤销提交的commit相关的各种文章内容,供大家免费下载体验。

1094

2023.07.24

git提交错误怎么撤回
git提交错误怎么撤回

git提交错误撤回的方法:git reset head^:撤回最后一次提交,恢复到提交前状态。git revert head:创建新提交,内容与之前提交相反。git reset :使用提交的 sha-1 哈希撤回指定提交。交互式舞台区:标记要撤回的特定更改,然后提交,排除已撤回更改。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

4237

2024.04.09

Gradle插件开发入门教程
Gradle插件开发入门教程

本专题介绍Gradle插件开发的基本流程,涵盖插件类编写、自定义任务注册、扩展参数设计和插件应用方法,帮助你理解插件如何组织构建逻辑,减少多个项目之间的重复配置。

0

2026.10.22

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn