传统的全栈开发往往耗费数周在环境配置和样板代码上，导致许多创意止步于 Demo 阶段。本课程带你掌握 Cursor Vibe Coding 核心工作流，通过精准的 Prompt 策略与 AI 协同，让你在几分钟内完成从 UI 设计到 Vercel 部署的全过程，真正实现“想法即产品”的快速交付。

你将学到什么

  • 使用 Cursor AI 在几分钟内开发全栈 SaaS 应用程序
  • Cursor IDE 深度使用
  • Cursor AI 最佳实践
  • 编程提示词（Prompting）最佳实践
  • Vercel 部署
  • Vercel 推出的 v0
  • shadcn UI
  • Next.js
  • Windsurf

Cursor全栈开发课程章节概览

01 — 01 – Cursor 课程介绍 (5 个项目)

  1. 001 课程介绍
  2. 002 课程目标
  3. 003 什么是 Cursor
  4. 004 课程社区
  5. 005 课程资源

02 — 02 – 准备使用 Cursor (6 个项目)

  1. 001 Cursor 核心精髓
  2. 002 Cursor 注册
  3. 003 Cursor 安装
  4. 004 LLM 的非确定性特征
  5. 005 上下文工程 (Context Engineering)
  6. 006 编程智能体中的工程化 (Claude Code)

03 — 03 – Cursor 最佳实践 (12 个项目)

  1. 001 简介
  2. 002 [新] Cursor Rules (V1.0.0+)
  3. 003 .cursorrules 文件与 cursor.directory
  4. 004 针对 AI 的 Cursor 规则（全局）
  5. 005 Cursor 隐私设置
  6. 006 Cursor Tab 与 Cursor Composer
  7. 007 更新 Cursor
  8. 008 Cursor 定价方案
  9. 009 Cursor 技术支持
  10. 010 新手模式 (Dummy Mode)
  11. 011 惊艳！语音转代码
  12. 012 多智能体工作流 (Multi Agent Workflow)

04 — 04 – [课程项目] 为仪表板构建 API 密钥管理功能 (12 个项目)

  1. 001 项目目标概览
  2. 002 Gitingest (结合 AI Eden)
  3. 003 Cursor Chat 核心精髓
  4. 004 使用 Cursor 创建 Next.js 样板代码
  5. 005 Cursor CRUD 界面开发
  6. 006 Supabase 集成（一）
  7. 007 Supabase 集成（二）
  8. 008 调试与运行中的 CRUD 功能
  9. 009 使用 Cursor 创建通知系统
  10. 010 侧边栏开发
  11. 011 使用 Cursor Composer 进行代码重构
  12. 012 使用 API 密钥验证保护路由 (Cursor Composer)

05 — 05 – 使用 Vercel 部署 (1 个项目)

  1. 001 将 Dandi 部署至 Vercel

06 — 06 – GitHub 总结器项目 (7 个项目)

  1. 001 我们正在用 Cursor 构建什么
  2. 002 将包管理器从 npm 切换到 yarn
  3. 003 为后端 SaaS 服务配置 Postman
  4. 004 获取 Readme 内容（使用 Command + K 进行 Cursor 行内编辑）
  5. 005 LangChain JS 魔法：Cursor 行内聊天 (CMD + K)
  6. 006 完整的微型 SaaS 运行中 API
  7. 007 针对带有 StructuredOutput 的 LangChain JS 使用 Cursor Composer

07 — 07 – Cursor 能处理身份验证吗 (4 个项目)

  1. 001 构建身份验证流程概览
  2. 002 身份验证设置 (next-auth, OAuth 客户端, 密钥配置)
  3. 003 SSO 单点登录
  4. 004 Supabase 身份验证集成

08 — 08 – 落地页开发 (7 个项目)

  1. 001 项目目标概览
  2. 002 Vercel 推出的 v0
  3. 003 v0 + Cursor + shadcn = 高质量落地页
  4. 004 渐变效果设计与 Vercel 部署
  5. 005 使用 Cursor Composer 实现移动端适配与响应式设计
  6. 006 “即将推出”落地页板块（使用 v0, shadcn）
  7. 007 API 演示组件 (v0, shadcn, Cursor Composer)

09 — 09 – 用于 API 密钥管理的 RESTful API (8 个项目)

  1. 001 为什么选择 REST 架构
  2. 002 Cursor Notepad 使用
  3. 003 Cursor 提示词工程
  4. 004 CRUD REST API api-keys（Cursor 引用打开的编辑器）
  5. 005 将 UI 与 CRUD API 集成
  6. 006 添加限流 (Rate Limiting) 与配额执行
  7. 007 使用更多 GitHub 统计数据丰富 API 功能
  8. 008 [小技巧] Composer 规范 (Hygiene)

10 — 10 – 发布前的最后冲刺 (6 个项目)

  1. 001 带有 Cursor 标签的输入模态框
  2. 002 面向用户的 API 演练场与上下文的教训
  3. 003 完成侧边栏组件（多 Composer 实例示例）
  4. 004 落地页细节修饰
  5. 005 配置自定义域名 – www.dandi.cloud
  6. 006 安全性强化与漏洞修复

11 — 11 – Bolt.new IDE (2 个项目)

  1. 001 Bolt.new IDE 简介
  2. 002 Cursor VS Bolt.new 深度对比

12 — 12 – Windsurf (3 个项目)

  1. 001 Codium 推出的 Windsurf IDE 简介
  2. 002 Windsurf Cascade 功能解析
  3. 003 Windsurf VS Cursor 深度对比

13 — 13 – MCP (Model Context Protocol) (17 个项目)

  1. 001 为什么我们需要 MCP：解决 AI 智能体集成问题
  2. 002 什么是 MCP：Claude 与 Cursor 实况演示
  3. 003 Hello World MCP：配置预构建的 MCP 服务器（天气服务器）
  4. 004 Cursor MCP 文档概览
  5. 005 为 Cursor 配置本地 MCP 服务器
  6. 006 为 Claude Desktop 配置本地 MCP 服务器
  7. 007 总结
  8. 008 从 MCP 服务器开放工具接口（Hello World 示例）- 第 1 部分
  9. 009 从 MCP 服务器开放工具接口（Hello World 示例）- 第 2 部分
  10. 010 NodeJS 实现概览
  11. 011 [理论] MCP 架构概念：宿主、服务器、客户端及协议
  12. 012 [理论] MCP 服务器
  13. 013 [理论] LLM 究竟如何使用工具：理解工具调用
  14. 014 [理论] 协议精髓与工具调用简述
  15. 015 上下文工程：在 Claude Code 中优化 MCP
  16. 016 MCP 的不足之处
  17. 017 Cloudflare 的 CodeMode

14 — 14 – 通用 (2 个项目)

  1. 001 智能体编程安全
  2. 002 AI FOMO（错失恐惧症）已成常态

15 — 15 – 奖励 (1 个项目)

  1. 001 奖励内容

要求

  • Cursor Pro 订阅
  • 必须具备编程经验，这不是初学者课程
  • 需要具备调试和排错能力
  • 安装了 WSL 的 Mac / Linux / Windows
  • 已安装 NodeJS

本课程包括

  • 10 小时点播视频
  • 2 篇文章
  • 2 个可下载资源
  • 支持在移动端和电视端访问
  • 结业证书

描述

本课程包含人工智能的使用 :)

免责声明：这不是初学者课程，需要软件工程经验！

免责声明：您必须拥有 Cursor Pro 订阅才能跟随课程学习！

理想的学生群体是软件开发人员 / 数据科学家

*** 英语是新的编程语言 ***

我的故事：一夜之间从后端转为全栈

就像那个梗说的：“你不再只是个出主意的人，你是个全栈工程师了。”这正是我身上发生的事。尽管我不精通 JavaScript，但我现在可以构建很酷的全栈应用，这全都要归功于 Cursor。

使用 Cursor AI 加速学习

Cursor 使开发人员能够以前所未有的速度弥合后端和前端开发之间的鸿沟。主要优势包括：

  • 在几分钟内而非几个月内转型为全栈开发
  • AI 辅助编程，快速掌握陌生的前端技术
  • 将后端知识立即应用于全栈项目

Vibe Coding（感性编程） Vibe Coding 是 2025 年推出的一种依赖 AI 的编程技术。它允许程序员通过向针对编程调优的大语言模型 (LLM) 提供自然语言描述来生成可运行的代码，而不是亲自手动编写代码。

你将在本课程中学到什么：

  1. Cursor, V0, Vercel
  2. 使用 Cursor 编写全栈应用： 即使你不是 JavaScript 专家也能掌握前端技术
  3. 使用最好的编程语言进行编程——英语
  4. 从创意到生产：学习如何通过功能齐全的前端快速实现你的后端创意。
  5. 真实世界的全栈项目：构建可交付的应用，展示你全新的全栈技能。

课程涵盖的 Cursor 功能：

  • Cursor 设置
  • Cursor 隐私模式
  • Cursor Composer
  • Cursor 项目
  • Cursor 记事本
  • Tab 补全、对话补全
  • .cursorfiles
  • 代码库索引
  • Bolt IDE
  • Windsurf
  • Vibe Coding

关于 Cursor AI

Cursor 是由 Anysphere 开发的下一代代码编辑器，旨在通过 AI 辅助显著提高编程效率。功能包括：

  • 具有下一次编辑预测和自然语言代码编辑功能的 AI 辅助编程
  • 与现有扩展、主题和键位绑定的无缝集成
  • 保护用户代码的隐私模式
  • 自定义 API 密钥支持

谁应该参加这门课程？

  • 任何想要将技能扩展到全栈的开发者

  • 感到受限于当前技术栈的开发者

  • 希望利用 AI 显著提升编程能力的开发者

免责声明：我不是前端工程师，但是……

好吧，坦白说：我不是一名前端工程师。我们在本课程中构建的项目可能拿不到任何设计奖项，也不会完全遵循前端工程的最佳实践。老实说，我自己几乎不懂 JavaScript！不过没关系，我拥有深厚的后端知识，配合 AI，我们照样能搞定。

附言： 100% 依赖 AI 来满足编程需求并不适合所有人。尤其在使用开源模型时，存在安全方面的顾虑。本课程旨在向你展示各种可能性，而不一定是你在日常工作中必须遵循的做法。私下里说，我不建议在没有经过彻底审查的情况下，就将 AI 生成的代码提交到公司的代码库——除非你喜欢生产环境中那些“意想不到的 Bug”。;)

所需第三方账号：

你需要注册以下服务的账号。它们都提供免费方案供你入门。

  • 创建 Cursor 账号

  • 创建 GitHub 账号

  • 创建 Supabase 账号

  • 创建 Vercel 账号

本课程适合人群

  • 想要将技能扩展到全栈的软件开发者
  • 希望利用 Cursor AI 显著提升编程能力的人
  • 数据科学家

主题授权提示：请在后台主题设置-主题授权-激活主题的正版授权，授权购买：RiTheme官网