AI 编程基础

软件的诞生：一条完整的流水线

做软件不是”打开电脑写代码”这么简单。一个完整的软件项目包含以下环节：

需求分析 → 设计 → 开发 → 测试 → 部署 → 运维 → 迭代

第一阶段：需求分析

什么是需求分析

把”我想要一个 App”这种模糊的想法，变成具体的、可执行的功能列表。

用 AI 做需求分析

“我想做一个读书笔记应用。帮我分析一下目标用户、核心功能和推荐技术栈。”

AI 会帮你输出：

目标用户画像
核心功能列表（优先级排序）
MVP 应该包含的功能
建议的技术栈

需求文档（PRD）模板

# 项目：xxx

## 要解决的问题
[用一句话描述这个产品解决什么问题]

## 目标用户
- 用户 1：[描述]
- 用户 2：[描述]

## 核心功能（MVP）
1. [功能 1]
2. [功能 2]
3. [功能 3]

## 扩展功能（V2）
1. [功能 4]
2. [功能 5]

## 技术栈
- 前端：Vue 3 + Vite
- 后端：Supabase
- 部署：Vercel

把这个 PRD 发给 AI，它就能理解你的全局意图。

第二阶段：设计

在 AI 时代，设计可以这样做

1. 描述视觉风格：

“参考 Linear App 的设计风格：暗色主题、简洁、留白多、圆角大”

2. 组件库选择：

Tailwind CSS（最灵活，AI 支持好）
Ant Design / Element Plus（开箱即用）
Shadcn/ui（美观现代）

3. 让 AI 生成设计系统：

“帮我定义一套设计 token：主色、辅色、字体大小、间距、圆角”

4. 原型 → 代码： 给 AI 一张设计稿截图（或描述）→ AI 生成前端代码。

第三阶段：开发

开发流程

项目初始化 → 搭建基础框架 → 实现核心功能 → 
前后端联调 → 完善交互 → 代码审查

项目初始化（用 AI）

# 告诉 AI 你的需求，它会一步步指导你
# 1. 创建项目
npm create vite@latest my-app

# 2. 安装依赖
npm install && npm install vue-router pinia axios

# 3. 配置路由、状态管理、API 客户端
# 4. 设置目录结构

开发的最佳实践

一个功能一个分支：

git checkout -b feature/用户登录
# ... 开发完成
git add . && git commit -m "完成用户登录功能"
git checkout main && git merge feature/用户登录

一个对话一个功能： 不要在一个 Cursor 对话里混着做登录和文章列表。开两个对话，分别聚焦。

第四阶段：测试

测试层次

单元测试 → 集成测试 → E2E 测试 → 手动测试
（函数级）  （模块级）  （用户级）  （人工验证）

用 AI 写测试

“给这个登录功能写测试：测试正常登录、密码错误、用户不存在三种情况”

AI 会生成测试代码。运行 npm test 验证。

测试检查清单

上线前手动检查：

第五阶段：部署

部署流程

本地测试通过 → 构建生产版本 → 上传到服务器 → 配置域名 → 上线

用 AI 部署

1. "帮我配置 Vercel 部署"
2. "我的项目需要环境变量，帮我在 Vercel 里配置"
3. "部署后页面 404，帮我排查"

详见后续的《部署上线指南》专题文章。

第六阶段：运维

上线后的事情

监控：页面能不能访问？API 响应快不快？
日志：用户遇到了什么错误？
备份：数据库定期备份
更新：依赖库安全更新

对于个人项目和小型应用，Supabase + Vercel 已经帮你处理了大部分运维工作。

第七阶段：迭代

数据驱动的迭代

上线 → 收集反馈 → 分析数据 → 
确定优先级 → 开发新功能 → 测试 → 再次上线

用 AI 辅助迭代

“用户反馈说页面加载太慢，帮我分析一下可能的原因和优化方案”

企业级开发的完整流程（进阶了解）

对于中大型项目，流程会更复杂：

需求评审 → 技术方案设计 → 详细设计 → 
编码开发 → 代码审查 → 自动化测试 → 
集成测试 → 预发布环境验证 → 灰度发布 → 
全量上线 → 监控告警 → 迭代优化

企业级概念速览

概念	大白话解释
Code Review	同事检查你的代码，找问题
CI/CD	代码提交后自动测试、自动部署
灰度发布	先让 5% 的用户用新版，没问题再全量
回滚	新版出问题了，一键切回旧版
SLA	承诺你的服务 99.9% 时间可用
灾备	服务器挂了，备用服务器顶上

对于 AI 编程初学者，这些概念了解一下即可。随着项目变大，你会自然接触到。

小结

一个软件的完整生命周期：

需求（想清楚）→ 设计（画明白）→ 开发（做出来）→ 
测试（验正确）→ 部署（能访问）→ 运维（不挂掉）→ 迭代（更好用）

AI 在每个环节都能帮到你，但你自己需要理解每个环节的目的和产出。

下一篇我们进入全栈开发的全景理解——前端、后端、数据库是如何串联成完整应用的。