主题
选择技术栈
需求确认后,点击"生成项目"会打开技术栈选择面板。这里你需要选择项目的类型和技术组合。
选择项目类型
首先选择你要生成的项目类型:
| 类型 | 说明 | 适合场景 |
|---|---|---|
| 普通项目 | 传统前后端项目 | Web 管理系统、电商、博客、教学平台等 |
| HDL 项目 | 硬件描述语言项目 | FPGA、数字电路设计等 |
| 自由项目 | 无固定技术栈限制 | 脚本、安卓 App、单片机、数据分析等 |
不确定选什么?
绝大多数情况选择普通项目即可。如果你的项目不属于传统前后端架构(比如写个 Python 爬虫、安卓 App),选择自由项目。
选择后端框架
| 框架 | 语言 | 特点 | 推荐指数 |
|---|---|---|---|
| NestJS | TypeScript | 企业级 Node.js 框架,模块化架构 | 初学者首选 |
| Spring Boot | Java | 企业级 Java 标准,生态成熟 | 熟悉 Java 的用户 |
| FastAPI | Python | 高性能异步框架,自动文档 | 熟悉 Python 的用户 |
| Django | Python | 全功能框架,开箱即用 | 快速开发 |
| Express | TypeScript | 极简 Node.js 框架 | 只需简单接口 |
| Mock Server | JSON | 轻量 Mock API | 只需要前端,暂不需要后端 |
选择前端框架
| 框架 | 特点 |
|---|---|
| Vue 3 | 渐进式框架,易学易用,中文生态好 |
| React | 组件化设计,生态丰富 |
支持多前端
你可以同时选择多个前端。比如一个 Web 管理后台 + 一个移动端 H5 页面。每个前端可以独立选择框架和 UI 库。
选择 UI 组件库
前端框架选定后,选择对应的 UI 组件库:
Vue 3 组件库
| 组件库 | 风格 | 特点 |
|---|---|---|
| Naive UI | 清新现代 | TypeScript 优先,推荐新手使用 |
| Element Plus | 稳重经典 | Element UI 升级版,企业级 |
| Ant Design Vue | 企业规范 | 阿里出品,设计统一 |
| shadcn-vue | 极简优雅 | 复制即用,完全可控 |
| Vuetify | Material | Google Material Design |
| PrimeVue | 专业商务 | 200+ 组件,功能最全 |
React 组件库
| 组件库 | 风格 | 特点 |
|---|---|---|
| Ant Design | 企业规范 | 阿里出品,生态丰富 |
| shadcn/ui | 极简优雅 | Radix + Tailwind,可定制 |
| MUI | Material | Google Material Design |
| Mantine | 现代美观 | 功能丰富,开发体验优秀 |
选择数据库
| 数据库 | 特点 | 推荐场景 |
|---|---|---|
| SQLite | 轻量级,无需安装 | 开发测试、小型项目 |
| MySQL | 最流行的关系数据库 | 通用场景、部署首选 |
| PostgreSQL | 功能最强大的开源数据库 | 复杂查询、生产环境 |
数据库选择建议
- 只是想快速看到效果:选 SQLite(一键部署时自动安装)
- 需要部署到服务器:选 MySQL 或 PostgreSQL(一键部署也会自动安装)
选择模型方案
不同模型方案会影响生成质量和价格。模型越强,生成质量越高,费用也越高。
系统会在选择时显示对应的费用预估。
推荐组合
如果你不确定怎么选,以下是我们推荐的组合:
| 场景 | 后端 | 前端 | UI 库 | 数据库 |
|---|---|---|---|---|
| 入门推荐 | NestJS | Vue 3 | Naive UI | SQLite |
| 企业标准 | Spring Boot | Vue 3 | Ant Design Vue | MySQL |
| 高效开发 | NestJS | Vue 3 | shadcn-vue | PostgreSQL |
自由项目
如果选择了自由项目类型,不需要选择具体的技术栈。AI 会根据你的需求描述自动决定使用什么技术和架构。
自由项目适合:
- Python/Shell 脚本
- 安卓 App
- 单片机程序
- 数据分析项目
- 其他非传统前后端项目
自由项目注意
自由项目的部署方式与传统前后端不同。一键部署会根据项目类型给出对应指引(如提示用 Android Studio 打开安卓项目、用 Keil 打开单片机项目等)。
费用预估
技术栈选择面板的左侧会实时显示费用预估,包括:
- 预计消耗的积分数
- 功能点/页面数量
- 当前余额是否充足
余额不足时会显示红色提醒,需要先充值再继续。
下一步
技术栈选择完成后,点击"开始生成",项目就进入生成阶段。