首页 / 场景实操 / 编程开发

AI搭项目脚手架

编程开发 · 进阶 · 约30分钟

场景痛点

新项目搭环境配依赖耗时长——webpack/vite/tsconfig一堆配置;目录结构每次都重新设计——不知道哪些该分层哪些该平铺;写完hello world一上午过去了,业务代码一行没动。重复劳动浪费时间。

推荐工具

以下工具任选其一,按上手难度排序:

操作步骤

  1. 描述项目需求:用一段话说明项目是做什么的、主要功能、用户规模。
  2. 要技术栈:复制下方提示词,让AI推荐前端/后端/数据库/部署的技术栈与版本。
  3. 生成脚手架:让AI输出目录结构+每个核心文件的初始化代码。
  4. 配置依赖:让AI输出package.json/pom.xml/requirements.txt,明确版本号。
  5. 初始化项目:在Cursor或Bolt.new里新建项目,把AI给的代码贴进去。
  6. 安装依赖:执行npm install/pip install等命令,跑通依赖。
  7. 跑通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再优化。