人工精选【熠辉】面向新手的Vibe Coding实战课
这门课的名字里带「Vibe Coding」,容易被理解成又一个蹭 AI 热度的概念。把它拆开看,它实际处理的是一个很具体的问题:不会写代码的人,怎么借助 AI 把脑子里的想法变成一个能跑起来的小工具。课程面向的是零基础或接近零基础的成年人,不是给已经会写后端的人做进阶用的。 它解决的是哪一类工作场景
会员 · 按档位
游客按标价购买,不享受上表折扣。
支付成功后自动发放网盘链接,链接失效可找客服免费补
这门课的名字里带「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





