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

VSCode 本身不内置“一键生成完整项目结构”的功能,但通过插件、模板和简单配置,可以非常高效地快速创建常用文件和文件夹结构。
用 File Templates 插件预设常用文件模板
安装 File Templates(作者:bradlc)后,右键菜单会出现 “Create File from Template” 选项。你可以为 .js、.ts、.vue、.py 等类型定义模板内容,比如:
- 新建
index.ts时自动插入export {};和基础 JSDoc - 新建
component.vue时直接生成带
模板支持变量如 ${fileName}、${date},提升复用性。
用 Project Manager 或 Folder Templates 管理常用目录骨架
如果经常初始化同类型项目(如 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 中加:
ECTouch是上海商创网络科技有限公司推出的一套基于 PHP 和 MySQL 数据库构建的开源且易于使用的移动商城网店系统!应用于各种服务器平台的高效、快速和易于管理的网店解决方案,采用稳定的MVC框架开发,完美对接ecshop系统与模板堂众多模板,为中小企业提供最佳的移动电商解决方案。ECTouch程序源代码完全无加密。安装时只需将已集成的文件夹放进指定位置,通过浏览器访问一键安装,无需对已有
"scripts": {
"init:feature": "mkdir -p src/features/user/{components,store,services} && touch src/features/user/index.ts"
}
运行 npm run init:feature 就能生成用户模块骨架。
配合 Settings Sync 和 Snippets 提升一致性
结构不只是目录,也包括文件内格式。开启 VSCode 的 User Snippets,为不同语言定义快捷片段:
-
vue3→ 按 Tab 插入完整的 Composition API 模板 -
test→ 生成 Jest 测试文件头 + describe 块
再搭配 Settings Sync(GitHub Gist 同步),换设备也能保持模板和片段一致。
基本上就这些——不需要装一堆工具,选 1–2 种组合用熟,日常建结构就变得又快又稳。









