飞豹客 · 课能看,资料也能带走
飞豹客体系课

【熠辉】面向新手的Vibe Coding实战课

这门课的名字里带「Vibe Coding」,容易被理解成又一个蹭 AI 热度的概念。把它拆开看,它实际处理的是一个很具体的问题:不会写代码的人,怎么借助 AI 把脑子里的想法变成一个能跑起来的小工具。课程面向的是零基础或接近零基础的成年人,不是给已经会写后端的人做进阶用的。 它解决的是哪一类工作场景

单课价¥57.00新品 上架
会员价¥28.50开通会员,全站课程按会员价下载套餐详情
555 人关注 更新于 2026-09-19 永久有效
发货

网盘链接 · 支付成功后自动发货

保障

永久有效 · 链接失效免费补发

客服

每日 9:00-21:00 在线客服 联系客服

购买本课销量 0 · 永久有效
会员价 · 单课标价 ¥57.00

会员 · 按档位

永久¥28.505折
年¥34.206折
月¥39.907折

游客按标价购买,不享受上表折扣。

支付成功后自动发放网盘链接,链接失效可找客服免费补

正版保障 极速发货 售后无忧

这门课的名字里带「Vibe Coding」,容易被理解成又一个蹭 AI 热度的概念。把它拆开看,它实际处理的是一个很具体的问题:不会写代码的人,怎么借助 AI 把脑子里的想法变成一个能跑起来的小工具。课程面向的是零基础或接近零基础的成年人,不是给已经会写后端的人做进阶用的。

它解决的是哪一类工作场景

日常里最常见的需求其实都不复杂:把一份杂乱表格整理成固定格式、给重复的文案批量改标题、做一个小页面收集同事反馈、把几个接口的数据拼成一张报表。这些事找开发排期不划算,自己学完整套编程又要几个月。这门课走的是另一条路——用自然语言描述需求,让 AI 生成代码,你负责判断、修改和验证。所以它真正练的不是语法记忆,而是把模糊需求拆成明确指令的能力,以及代码跑不通时怎么定位问题。

需要先说明的是,Vibe Coding 不是「说一句话就出成品」。AI 生成的代码经常有隐藏错误,变量名对不上、边界条件没处理、依赖装不上,这些都要你自己看出来。课程里安排的系统操作和项目实战,价值主要在于让你熟悉这套来回调试的节奏,而不是给你一个万能提示词。

适合什么基础,先看哪几块

完全没接触过编程的人可以学,但要有心理准备:前几节会涉及环境安装、文件路径、命令行这类基础操作,卡住是正常的。如果你连文件夹和终端都没怎么用过,建议先把这部分慢慢过一遍,不要跳。有 Excel 公式、SQL 或任意一门脚本语言经验的人上手会快很多,重点可以放在需求拆解和调试思路上。

建议的观看顺序是:先看 AI 编程基础部分,建立「AI 能做什么、不能做什么」的判断;再进入 Vibe Coding 的系统操作,把工具链和常用流程走通;最后跟项目实战。项目部分不要只看不练,最好一边看一边自己敲,遇到报错先自己查,实在不行再对照讲解。资料包里的示例和练习素材,建议按项目分批使用,不要一次性全下载下来放着。

学完能独立做到什么程度

按课程设计的路径走完,比较现实的预期是:能独立完成一个功能单一的小项目,比如带表单的静态页面、读取本地文件做数据清洗的脚本、调用公开接口做简单查询的小工具。你能看懂 AI 生成的代码大致在干什么,能改参数、改逻辑,遇到报错知道去哪里找线索。但不要指望学完就能接手公司的正式项目,那还需要工程规范、协作流程和真实业务量的积累。

练习建议是每学完一个模块,自己找一个身边的小需求做一遍,哪怕只是把每周的账单整理成图表。做完整流程比反复看视频有用得多。另外,把每次卡住的问题和解决办法记下来,这份记录本身就是你后续最实用的参考资料。

课程目录

第 1 部分139 集
  • 01 第一章 cursor编程入门与环境搭建 1.1.1 Cursor 简介、安装与常见问题汇总 (2026_4_3 10:47:05).html
  • 1.1.2 核心操作:熟悉Cursor界面与设置 (2026_4_3 10:51:11).html
  • 1.1.3 开发环境:安装Node.js 和 Git (2026_4_3 10:53:46).html
  • 1.2.1 AI时代下的前端核心概念+最佳实践 (2026_4_3 10:56:21).html
  • 1.2.2 新手入门后端必要概念 + 最佳实践_batch.mp4
  • 1.2.2 新手入门后端必要概念 + 最佳实践 (2026_4_3 10:57:38).html
  • chapter1-1_batch.mp4
  • chapter2-1_batch.mp4
  • chapter3-1_batch.mp4
  • 02 第二章ai全栈开发核心概念与基础 2.1 AI时代下的前端核心概念+最佳实践 2.1 AI时代下的前端核心概念+最佳实践.html
  • 2.1 AI时代下的后端核心概念+最佳实践.html
  • 前端.mp4
  • 后端.mp4
  • 2.2 Git入门:必学!AI编程的后悔药 1. Git基础概念.html
  • 2. 基于Cursor的git教程实战.html
  • 3. 基于git命令的教学实战.html
  • chapter1-git基础-1.mp4
  • chapter2.1-gitui-1.mp4
  • chapter3GIT命令行-1.mp4
  • 2.3 AI赋能下的前端开发:NextJS框架基础入门 1. 框架基础与项目创建.html
  • 2. 项目结构与路由系统.html
  • 3. 组件与UI开发.html
  • 4. Next.js后端能力.html
  • 5. 部署全栈项目.html
  • chapter1-1.mp4
  • chapter2-1.mp4
  • chapter3-1.mp4
  • chapter4-1.mp4
  • chapter5-1.mp4
  • 2.4 AI编程中安全的最佳实践 2.4 AI编程中安全的最佳实践.html
  • 安全策略完整版.mp4
  • 新手入门后端必要概念 + 最佳实践.html
  • 03 第三章 openclaw+agent实战 OpenClaw 基础使用方法:基础概念 (2026_4_3 11:08:22).html
  • OpenClaw 快速上手 - 本地安装与使用方式 (2026_4_3 11:06:26).html
  • Skill 系统与 ClawHub - 给 AI 装上专业技能 (2026_4_3 11:10:07).html
  • openclaw-1-2K_batch.mp4
  • openclaw-2-2k_batch.mp4
  • openclaw-3-2K_batch.mp4
  • openclaw-4-2K_batch.mp4
  • openclaw-5-2K_batch.mp4
  • openclaw-myskill-tutorial-main.zip
  • 创建自己的 Skill - 封装你的业务逻辑 (2026_4_3 11:13:39).html
  • 多 Agent 协同 - 打造你的 AI 团队 (2026_4_3 11:12:00).html
  • 04 第四章 云原生+小程序开发(supabase腾讯云) 4.1 国内方案:腾讯云CloudBase实战 1. 认识腾讯云开发Cloudbase.html
  • 2. 开发AI画廊前端.html
  • 3. 完成用户登陆.html
  • 4. 完成AI图像生成功能.html
  • 5. 完成发布作品的功能.html
  • cloudbase-01_batch.mp4
  • cloudbase-02_batch.mp4
  • cloudbase-03-final_batch.mp4
  • cloudbase-04-final_batch.mp4
  • cloudbase-05-final_batch.mp4
  • miniprogram.zip
  • 4.2 出海方案Supabase深度教程 1.什么是Supabase?.html
  • 2.给项目初始化前端模板.html
  • 3.轻松接入Supabase.html
  • 4.轻松接入邮件登陆注册功能(Auth).html
  • 5.用Cursor给Todo List实现增删改查(Database).html
  • 6.增加文件上传功能(Storage).html
  • 7.给应用增加实时功能(Realtime).html
  • 8.数据安全设置(RLS).html
  • chapter2:前端-1.mp4
  • chapter3:轻松接入supabase-1.mp4
  • chapter4:接入注册登陆-1.mp4
  • chapter5:接入数据库-1.mp4
  • chapter6:文件上传功能-1.mp4
  • chapter7-realtime-1.mp4
  • chatper1-1.mp4
  • with-supabase-app 2.zip
  • with-supabase-app.zip
  • 4.3cloudbase巩固实战:完整小程序+后台 开发一个Seedance2.0提示词售卖 AI小程序实战(上):开发一个Seedance2.0提示词售卖 (2026_2_27 19:06:05).html
  • minapp-tdesign-starter-main.zip
  • prompts.json videos.zip
  • wxpay-cloudbase-tutorial-main.zip
  • 提示词小程序-01-2K_batch.mp4
  • 提示词小程序-02-2K_batch.mp4
  • 提示词小程序-03-2K_batch.mp4
  • 提示词小程序-04-2K_batch.mp4
  • 提示词小程序-05-2K_batch.mp4
  • 给小程序配上后台管理 AI小程序实战(下):给小程序配上后台管理 (2026_3_16 23:03:06).html
  • chapter1_batch.mp4
  • chapter2_batch.mp4
  • chapter3_batch.mp4
  • chapter4_batch.mp4
  • cloudbase-miniapp-admin-main.zip
  • cloudbase-miniapp-admin.zip
  • 4.4 DeepSeek + Qwen-VL 做个AI待办事项应用 ai-todo.zip
  • ai-todo_images.zip
  • chapter2-接入deepseek-1.mp4
  • chapter3-接入qwen模型-1.mp4
  • chatper1-项目初始化-1.mp4
  • with-supabase-app.zip
  • 用DeepSeek + Qwen-VL_ 做个AI待办事项应用.html
  • 4.5 全栈天气OOTD小程序 chapter2-原型图-1.mp4
  • chapter3-小程序前端-1.mp4
  • chapter4-coze后端api-1.mp4
  • chapter5-接入后端api-1.mp4
  • ootd-mini-program.zip
  • 全栈天气OOTD小程序:AI生图.html
  • 项目介绍-1.mp4
  • 05 第五章 新时代的ai编程工具和技巧 5.1 Claude Code入门 开发一个超赚钱的AI编程文档工具 Claude Code入门_ 开发一个超赚钱的AI编程文档工具.html
  • claudecode-01-2K.mp4
  • claudecode-02-2K-0710.mp4
  • claudecode-03-2K-0710.mp4
  • vibe-guide-tutorial-main.zip
  • 5.2 Codex入门完整版:制作一个英语背单词应用 Codex入门完整版:制作一个英语背单词应用.html
  • codex-01-2K.mp4
  • codex-02-2K.mp4
  • codex-03-2K.mp4
  • codex-04-2K.mp4
  • codex-admin-nextjs-main.zip
  • codex-h5-nextjs-main.zip
  • 5.3 MCP完整实战 MCP完整实战:Figma_Chrome DevTools等多个MCP (1).html
  • MCP实战-01-2K.mp4
  • MCP实战-02-2K.mp4
  • MCP实战-03.mp4
  • coffee-bean-mcp-main.zip
  • mcp-tutorial-beike-figma.zip
  • mcp-tutorial-beike-main.zip
  • 5.4 在Vibe Coding中使用Skills Agent Skills入门:在Vibe Coding中使用Skills (2026_1_27 22:22:57).html
  • bilibili-data.json cc-skills-nextjs-main-done.zip
  • cc-skills-nextjs-main.zip
  • chapter1-1.mp4
  • chapter2-1.mp4
  • chapter3-1.mp4
  • video.zip
  • 5.5 Harness Engineering让 AI 稳定开发项目 Harness Engineering 入门实战课:如何让 AI 稳定开发项目? (2026_4_29 14:11:56).html
  • harness engineering-1-2k_batch.mp4
  • harness-enginerring-2-2K_batch.mp4
  • harness_enginerring-3-2K_batch.mp4
  • 初始化源码app.zip
  • 最终源码app.zip
  • 5.6 Open Design 实战指南:从AI设计到代码落地 Open Design 实战指南:从AI设计到代码落地 (2026_5_19 18:19:31).html
  • Open Design 实战指南:从AI设计到代码落地_2_batch.mp4
  • Open Design 实战指南:从AI设计到代码落地_3_batch.mp4
  • Open Design 实战指南:从AI设计到代码落地_batch.mp4
  • VCPage.zip
  • aicoding-course_open-design-main.zip
06 第六章 ai网页应用实战开发45 集
  • 6.1 快速实战:创建官网并集成满血版DeepSeek R1 chapter3-dify-1.mp4
  • chapter4-智能客服接入网站-1.mp4
  • chatper1-做网站-1.mp4
  • chatper-2火山引擎-1.mp4
  • 下载素材 doc.md shadcn-landing-page-main.zip
  • shadcn-landing-page.zip
  • 快速创建官网+添加满血版DeepSeek R1智能客服.html
  • 6.2 使用ai创建一个导航站(上) AI导航站-01-4K.mp4
  • AI导航站-02-4K.mp4
  • AI导航站-03-4K.mp4
  • AI导航站-04-4K.mp4
  • AI导航站-05-4K.mp4
  • AI导航站-06-4K.mp4
  • AI导航站开头-4K.mp4
  • ai-tools-directory-main.zip
  • ai-tools-directory.zip
  • 使用v0 + supabase + Cursor创建一个导航站(上).html
  • 6.3 ai开发当航站后端(下) AI导航站后台_00-4K.mp4
  • AI导航站后台_01-4K.mp4
  • AI导航站后台_02-4K.mp4
  • AI导航站后台_03-4K.mp4
  • AI导航站后台_04-4K.mp4
  • AI导航站后台_05-4K.mp4
  • ai-dirs-admin-main.zip
  • dirs-admin.zip
  • 使用Cursor + supabase + ChatGPT o3开发导航站后台(下).html
  • 6.4 移动端微服务:用lovable 开发拍照识别升糖指数 blood-sugar-smart-scan-main.zip
  • 用lovable + 视觉模型:开发拍照识别升糖指数的H5.html
  • 食物升糖识别-00-4K.mp4
  • 食物升糖识别-01-4K.mp4
  • 食物升糖识别-02-4K.mp4
  • 食物升糖识别-03-4K.mp4
  • 食物升糖识别-04-4K.mp4
  • 6.5 用开源赚钱?Stitch + Github开源复刻草料二维码 Stitch-01-2K_batch.mp4
  • Stitch-02-2K_batch.mp4
  • qrcode-opensource-stitch-2025-11-19-main.zip
  • stitch-03-2K_batch.mp4
  • stitch-04-2K_batch.mp4
  • 用开源赚钱?结合Stitch + Github开源复刻草料二维码.html
  • 6.6 出海必备:快速接入邮件API服务实战课 出海必备:快速接入邮件API服务实战课 (2026_4_18 12:27:16).html
  • 出海必备:快速接入邮件API服务实战课_2_batch.mp4
  • 出海必备:快速接入邮件API服务实战课_3_batch.mp4
  • 出海必备:快速接入邮件API服务实战课_batch.mp4
  • 初始化源码sendflare-tutorial-main.zip
  • 最终源码sendflare-tutorial-main_2.zip
07 第七章 浏览器扩展(插件)开发实战 7.1 基础入门:开发一个“上班摸鱼神器”插件(知乎变飞书)15 集
  • 3.1chrome-dev-install.mp4
  • 3.3复制知乎所有的答案.mp4
  • 3.4实现类似kimi豆包这样的功能.mp4
  • 3.5优化chrome插件.mp4
  • 3.6构建和发布Chrome插件.mp4
  • chrome-extension-boilerplate-react-vite-main (1).zip
  • chrome-extension-boilerplate-react-vite-main.zip
  • dist.zip
  • 开发Chrome插件:把上班刷知乎变成看飞书文档.html
  • 7.2 数据采集:用Chrome插件爬取一切网页数据 _chrome-crawler-start-final.mp4
  • chrome-crawler-Coze-final.mp4
  • chrome-crawler-install-final.mp4
  • chrome-crawler-stock-final.mp4
  • chrome-extension-crawler-main.zip
  • setup-cyowcopy-1.9.1.872-x64.exe 用Chrome插件爬取一切网页数据.html
08 第八章 ios开发入门15 集
  • 8.1 iOS AI语音记账软件开发 VoiceAccountClient.zip
  • VoiceAccountServer.zip
  • iOS应用开发:开发一款AI语音记账软件(基于Qwen Omni) (1).html
  • iOS开发_01_2K.mp4
  • iOS开发_02_2K.mp4
  • iOS开发_04_2K.mp4
  • iOS开发_05_2K.mp4
  • ios开发_03.mp4
  • 8.2 使用代码模版:开发一个宠物训练ios app 05.mp4
  • easy-app.zip
  • easyapp-01-2K.mp4
  • easyapp-02-2K.mp4
  • easyapp-03-2K.mp4
  • easyapp-04-final-2K.mp4
  • iOS教程:用EasyApp + Claude Code开发一个宠物训练App,含订阅支付.html
09 第九章 商业化落地:支付集成与项目部署59 集
  • 9.1 国内支付:接入个人支付系统(无需营业执照) happyaicdong-template-main.zip
  • happyaicoding-template-completed.zip
  • happyaicoding-template-starter.zip
  • 使用Vercel免费部署上线.mp4
  • 初始化项目+支付流程说明.mp4
  • 开发一个能赚钱的网站:接入国内个人支付(无需营业执照).html
  • 接入支付流程开发.mp4
  • 9.2 国内支付巩固:复制一个Midjourney ai-images-creator-main.zip
  • chapter0-项目介绍.mp4
  • chapter1-初始化项目.mp4
  • chapter2-完成前端.mp4
  • chapter3-接入AI文生图能力.mp4
  • chapter4-接入数据库.mp4
  • chapter5-接入支付.mp4
  • with-supabase-app.zip
  • 复制一个Midjourney:登陆+通义模型+支付+token管理.html
  • 9.3海外收款:creem支付完整入门 Creem支付完整 入门(下):让全世界都来学中国话 + 实现美金收款! Creem支付完整入门(下):让全世界都来学中国话 + 实现美金收款!.html
  • creem教程-01-2K.mp4
  • creem教程-02-2K.mp4
  • creem教程-03-2K.mp4
  • creem教程-04-2K.mp4
  • type-cn-start-template.zip
  • type-cn-test-cursor.zip
  • Creem支付完整入门(上):新手最容易接入的海外支付方式? Creem支付完整入门(上):新手最容易接入的海外支付方式?.html
  • creem-tutorial-main.zip
  • creem-链接支付-1-字幕版.mp4
  • creem-集成支付-2-字幕版.mp4
  • creem教程-开头-字幕版.mp4
  • 9.4 Claude Code开发商业项目与上线 chapter1.mp4
  • chapter2.mp4
  • chapter3.mp4
  • chapter4.mp4
  • minapp-tdesign-starter-main.zip
  • prototype.zip
  • tennis-miniprogram-ui-main.zip
  • 用Claude Code开发商业化项目:完整工作流 + 最佳实践!.html
  • 10 第十章 项目最后一公里:部署上线 10.1 Vercel教程:免费部署你的网站项目 Vercel教程:免费部署你的网站项目.html
  • chapter1.mp4
  • chapter2.mp4
  • chapter3-1.mp4
  • chapter4-1.mp4
  • chapter5-1.mp4
  • chapter6-1.mp4
  • vercel-tutorial-beike-init.zip
  • vercel-tutorial-beike-main.zip
  • 10.2 新手超友好!在Zeabur部署你的所有服务 plants-admin-nextjs-main.zip
  • plants-py-main .zip
  • plants-react-vite-main.zip
  • zeabur-0-2K-0704.mp4
  • zeabur-01.mp4
  • zeabur-02.mp4
  • zeabur-03.mp4
  • 新手超友好!在Zeabur部署你的所有服务.html
  • 10.3 宝塔部署入门:新手真正理解项目部署全流程 baotao-tutorial.zip
  • 宝塔部署入门:新手真正理解项目部署全流程 (2025_12_23 18:33:30).html
  • 宝塔部署入门:新手真正理解项目部署全流程_2_batch.mp4
  • 宝塔部署入门:新手真正理解项目部署全流程_3_batch.mp4
  • 宝塔部署入门:新手真正理解项目部署全流程_4_batch.mp4
  • 宝塔部署入门:新手真正理解项目部署全流程_batch.mp4
11 第十一章 效率翻倍:使用专有模版开发37 集
  • 11.1 基于模板,拥有你的第一个博客! blog-starter-app.zip
  • chapter1-开发博客-1.mp4
  • chapter2-部署-1.mp4
  • my_nextjs_blog-main.zip
  • templates_blog-starter-app-main.zip
  • 基于模板,拥有属于自己的第一个博客!.html
  • 11.2 MkSaaS模板:开发AI试衣出海产品,赚2份钱! MkSaaS模板:开发AI试衣出海产品,赚2份钱!.html
  • cloth-split-demo-main.zip
  • mksaas-01-2K.mp4
  • mksaas-02-2K.mp4
  • mksaas-03-2K.mp4
  • mksaas-04-2K.mp4
  • mksaas-05-2K.mp4
  • mksaas-06-2K.mp4
  • mksaas-07.mp4
  • mksaas-08-2K.mp4
  • 11.3 ShipAny2完整教程 AI漫剧出海项目制作 ShipAny2完整教程: AI漫剧出海项目制作 (2026_1_27 22:52:31).html
  • index.json shipany2-03-2K.mp4
  • shipany2-04-2K.mp4
  • shipany-01-2K.mp4
  • shipany-02-2K.mp4
  • shipany-05-2K.mp4
  • 归档.zip
  • 归档_2.zip
  • 归档_3.zip
  • 复刻一个Lovart:给你的产品添加上画布模式 copy-lovart_-main(最终源码).zip
  • copy-lovart_-test(执行goal之前的源码).zip
  • lovart-1-2K_batch.mp4
  • lovart-2-2K_batch.mp4
  • lovart-3-2K_batch.mp4
  • lovart-4-2K_batch.mp4
  • 复刻一个Lovart:给你的产品添加上画布模式 (2026_5_30 11:01:54).html
  • 归档(所有的图片).zip
  • 学员专属模板 neobrutalism-blog.zip
  • payment-template.botbio.site-main.zip
  • shadcn-template-main.zip
  • simple-blog.zip