AI搭项目脚手架
编程开发 · 进阶 · 约30分钟
场景痛点
新项目搭环境配依赖耗时长——webpack/vite/tsconfig一堆配置;目录结构每次都重新设计——不知道哪些该分层哪些该平铺;写完hello world一上午过去了,业务代码一行没动。重复劳动浪费时间。
推荐工具
以下工具任选其一,按上手难度排序:
操作步骤
- 描述项目需求:用一段话说明项目是做什么的、主要功能、用户规模。
- 要技术栈:复制下方提示词,让AI推荐前端/后端/数据库/部署的技术栈与版本。
- 生成脚手架:让AI输出目录结构+每个核心文件的初始化代码。
- 配置依赖:让AI输出package.json/pom.xml/requirements.txt,明确版本号。
- 初始化项目:在Cursor或Bolt.new里新建项目,把AI给的代码贴进去。
- 安装依赖:执行npm install/pip install等命令,跑通依赖。
- 跑通hello world:让AI给一个最小可运行示例,确认环境通了再开始写业务。
提示词
你是一位架构师,擅长根据项目需求推荐技术栈并生成项目脚手架。请根据我提供的项目类型和技术偏好,输出完整的项目初始化方案。
要求:
1. 技术栈推荐:
- 前端:框架+UI库+状态管理+构建工具(带版本号)
- 后端:语言+框架+ORM(带版本号)
- 数据库:选型理由
- 部署:推荐方案
- 说明为什么选这个组合,对比1-2个替代方案
2. 目录结构:
- 用树状图列出完整目录
- 标注每个目录的职责
- 区分核心目录与可选目录
3. 初始化代码:
- 入口文件(main.ts/index.js/App.tsx等)的完整代码
- 配置文件(vite.config.ts/tsconfig.json等)的关键配置
- 一个最小可运行的hello world示例
4. 依赖清单:
- 完整的package.json或对应语言的依赖文件
- 区分dependencies与devDependencies
- 所有版本号锁定到具体版本,不要用^或~
5. 启动命令:
- 安装依赖的命令
- 启动开发服务器的命令
- 构建生产版本的命令
项目类型:
[在此填写,如"中小型SaaS应用,包含用户系统+订单系统+管理后台"]
技术偏好:
[如"前端React+TS,后端Node.js,数据库PostgreSQL"]
团队规模与水平:
[如"3人小团队,1资深+2初级"]
效果预期
改造前:搭环境配依赖一上午,目录结构每次重新设计,hello world跑不通还在调webpack。
改造后:30分钟出技术栈+目录+初始化代码+依赖清单,跑通hello world直接开写业务。
避坑提示
- 技术栈别太新——最新版本常没文档没生态,选稳定版(如React 18而不是19 alpha)。
- 依赖锁版本——package.json里所有版本号去掉^和~,避免安装时版本漂移出bug。
- 留扩展空间——目录结构要预留扩展位置(如api/services/utils分开),后期好维护。
- AI给的代码先跑通再改——别一上来就改AI给的脚手架,先确认能跑hello world再优化。