视频教程：BV124D5YEEAD
视频链接：BV124D5YEEAD
发布日期：2024-11-06
视频时长：18:31
播放量：42.2万
所属合集：零基础AI全栈开发系列
视频概要
演示使用Cursor AI编程编辑器 + Devbox云开发环境，实现不写一行代码完成全栈项目的开发和部署。覆盖Cursor编辑器操作、AI提示词编写技巧、Devbox云端开发、Docker容器化、K8S容器编排等核心概念。提供了Notion提示词文档资源。
知识点清单
A. Cursor AI编程编辑器
| 知识点 | 说明 | 重要程度 |
|---|---|---|
| Cursor是什么 | 基于VS Code的AI编程编辑器 | ★★★★★ |
| AI代码生成 | 用自然语言描述需求，AI自动生成代码 | ★★★★★ |
| 提示词(Prompt) | 向AI描述需求的文本，质量直接影响生成效果 | ★★★★★ |
| 代码补全 | AI实时预测和补全代码 | ★★★★ |
| 对话式编程 | 与AI对话来修改和调试代码 | ★★★★ |
| Ctrl+K / Cmd+K | 唤出AI对话框的快捷键 | ★★★★ |
| 隐私设置 | 可关闭代码上传选项，保护代码隐私 | ★★★ |
B. Cursor使用流程
1. 下载安装 Cursor (cursor.com)
2. 打开项目文件夹
3. Ctrl+K 唤出AI对话框
4. 输入自然语言需求描述
5. AI生成代码 → 审查 → 接受/修改
6. 重复迭代直到完成
7. Ctrl+S 保存文件C. 提示词编写技巧
# 好的提示词（具体、有约束、分步骤）
"帮我创建一个待办事项(Todo)应用的前端页面，要求：
1. 有输入框可以添加新任务
2. 任务列表可以标记完成/未完成
3. 可以删除任务
4. 使用Vue3 + Composition API
5. 样式简洁美观，使用flex布局
6. 颜色方案：紫色渐变背景"
# 差的提示词（太模糊）
"帮我写个网页"
"做个app"
"帮我做个网站"| 提示词要素 | 说明 | 示例 |
|---|---|---|
| 功能描述 | 要做什么 | "创建一个登录页面" |
| 技术约束 | 用什么技术 | "使用Vue3 + Composition API" |
| 样式要求 | 长什么样 | "简洁美观，紫色主题" |
| 交互细节 | 怎么交互 | "点击按钮后显示加载动画" |
| 数据结构 | 数据长什么样 | "每条数据包含id、name、status" |
| 分步骤描述 | 复杂功能拆分 | "第一步：创建路由；第二步：创建页面" |
D. Devbox 云开发环境
| 知识点 | 说明 | 重要程度 |
|---|---|---|
| Devbox是什么 | Sealos平台提供的云端开发环境 | ★★★★★ |
| 云IDE | 在浏览器中运行的VS Code编辑器 | ★★★★ |
| 环境一致性 | 云端环境保证所有人环境相同 | ★★★★ |
| 即开即用 | 无需本地安装Node.js等工具 | ★★★ |
1. 访问 Sealos 平台 (cloud.sealos.run)
2. 创建 Devbox 实例，选择运行环境（Node.js/Python等）
3. 在浏览器中打开VS Code编辑器
4. 编写或用AI生成代码
5. 一键部署上线E. Docker 容器化
| 知识点 | 说明 | 重要程度 |
|---|---|---|
| Docker | 应用容器化引擎 | ★★★★★ |
| 镜像(Image) | 应用的打包模板（只读） | ★★★★★ |
| 容器(Container) | 镜像的运行实例 | ★★★★★ |
| Dockerfile | 定义镜像构建步骤的文件 | ★★★★ |
| 端口映射 | 容器端口与宿主机端口的对应 | ★★★★ |
| 镜像仓库 | 存储和分发镜像（Docker Hub等） | ★★★ |
# Dockerfile 示例
FROM node:20-alpine
WORKDIR /app
COPY package*.json ./
RUN npm install
COPY . .
EXPOSE 3000
CMD ["node", "index.js"]
# Docker 常用命令
docker build -t my-app . # 构建镜像
docker run -d -p 3000:3000 my-app # 运行容器
docker ps # 查看运行中的容器
docker logs <container_id> # 查看容器日志
docker stop <container_id> # 停止容器
docker rm <container_id> # 删除容器F. K8S (Kubernetes) 基础
| 知识点 | 说明 | 重要程度 |
|---|---|---|
| Kubernetes(K8S) | 容器编排平台，管理大规模容器集群 | ★★★★ |
| Pod | K8S最小部署单元，包含一个或多个容器 | ★★★ |
| Service | 为Pod提供稳定的网络访问地址 | ★★★ |
| Deployment | 声明式部署管理，控制Pod副本数 | ★★★ |
| 自动扩缩容 | 根据CPU/内存负载自动增减Pod数量 | ★★★ |
| 滚动更新 | 零停机更新应用 | ★★★ |
课程中K8S更多是概念性介绍。实际使用通过Sealos平台简化操作，用户无需直接编写K8S配置文件。
G. 完整开发部署流程
需求描述 → Cursor AI生成代码
↓
代码审查 → 修改迭代
↓
本地测试 → npm run dev
↓
云端部署 → Devbox / Sealos
↓
容器打包 → Docker
↓
容器编排 → K8S（自动扩缩容）
↓
上线访问 → 获得公网URL常见问题
| 问题 | 解答 |
|---|---|
| AI写代码真的靠谱吗？ | 简单项目靠谱，复杂项目需要人工审查和debug |
| Cursor收费吗？ | 有免费额度，Pro版按月订阅 |
| 不懂编程也能用AI写代码吗？ | 能用，但理解技术栈和描述需求的能力仍然关键 |
| 隐私设置在哪里？ | Cursor Settings → Features → Privacy Mode |
| Docker镜像和容器什么关系？ | 镜像是模板（类比安装包），容器是实例（类比安装好的软件） |
| Devbox和本地开发有什么区别？ | 环境在云端，无需本地安装工具，且环境一致 |
前置知识检查
- [x] 了解HTML/CSS/JS基础概念
- [x] 了解Vue基本用法
- [x] 了解HTTP请求和Express路由
- [x] 安装了Node.js环境
学习建议
- 本集展示的是AI编程的全新工作方式，重在理解流程而非记忆命令
- Cursor不是万能的，复杂业务逻辑仍然需要人工设计和debug
- 先在本地跟着练习Cursor的使用，再尝试Devbox云端部署
- 提示词的质量直接决定AI生成代码的质量，多练习提示词编写