VSCode中如何快速生成文件和文件夹结构？_网络技术

发布时间 - 2026-01-02 00:00:00 点击率：次

VSCode虽无内置一键生成项目结构功能，但可通过File Templates插件预设文件模板、Project Manager或Folder Templates管理目录骨架、终端命令+自定义脚本批量创建、User Snippets统一文件格式，高效实现项目初始化。

VSCode 本身不内置“一键生成完整项目结构”的功能，但通过插件、模板和简单配置，可以非常高效地快速创建常用文件和文件夹结构。

安装 File Templates（作者：bradlc）后，右键菜单会出现 “Create File from Template” 选项。你可以为 .js、.ts、.vue、.py 等类型定义模板内容，比如：

模板支持变量如 ${fileName}、${date}，提升复用性。

如果经常初始化同类型项目（如 React 组件库、Express 后端、Vue 页面模块），可提前建好一个“结构样板文件夹”，再用插件快速复制：

Project Manager：保存当前工作区路径，一键打开/克隆已有结构
Folder Templates：定义多个文件夹模板（如 api-module 包含 routes/、controllers/、types.ts），右键即可生成整套子目录

在 VSCode 集成终端中运行 shell 命令最直接。例如在项目根目录执行：

mkdir -p src/{components,pages,utils} && touch src/utils/helpers.ts src/pages/Home.vue

还可把常用命令存为 npm script 或 alias，比如在 package.json 中加：

"scripts": {
  "init:feature": "mkdir -p src/features/user/{components,store,services} && touch src/features/user/index.ts"
}

运行 npm run init:feature 就能生成用户模块骨架。

结构不只是目录，也包括文件内格式。开启 VSCode 的 User Snippets，为不同语言定义快捷片段：

再搭配 Settings Sync（GitHub Gist 同步），换设备也能保持模板和片段一致。

基本上就这些——不需要装一堆工具，选 1–2 种组合用熟，日常建结构就变得又快又稳。