资源介绍
视频数量：38个
总时长：3小时53分
课程介绍：
Claude Code实战课：从零搭建并部署财务应用
想象一下，你坐在电脑前，对着一个AI说出"我想做一个记账应用"，然后它真的帮你把前端、后端、数据库、登录验证、图表分析全部写完了，最后还帮你部署上线。这不是科幻电影，而是这门课要教给你的真实技能。
这门课的主角是Claude Code，它是目前最强的AI编程助手之一。整个课程的核心思路不是干讲工具功能，而是用一个真实的财务追踪应用作为载体，带着你从零开始把项目做出来。你看到的不是孤立的代码片段，而是一个完整的、可以上线运行的产品。
一、入门与项目起步
课程从最基础的部分开始。先介绍Claude Code到底是什么，和传统开发有什么不同，然后带你搭建开发环境、安装Node.js、装好Claude Code。很多同学对AI编程工具的印象还停留在聊聊天，但实际上它能做远比聊天多得多的事情，这部分会帮你建立正确的认知。
二、项目规划与基础搭建
有了工具之后，先别急着写代码。课程教你用Claude Code生成整个项目的目录结构，一起规划财务追踪器的功能模块，最后初始化Git仓库做版本管理。这一步看似不起眼，实际上决定了你后面开发是否顺畅。
三、前端开发
接下来进入前端部分。使用Next.js搭建项目骨架，构建仪表盘布局、导航栏和可复用组件，然后实现添加收入和支出的表单。你会看到Claude Code在生成UI代码时有多高效——不管是布局调整还是表单逻辑，它都能快速给出方案，你只需要审查和微调。
四、数据库设计
前端有了界面，就需要后端来存储数据。这部分教你用Claude Code设计数据库架构，连接Supabase做数据迁移。很多初学者对数据库感到焦虑，觉得要学很多SQL知识，但课程告诉你，只要会写提示词，Claude Code就能帮你完成表结构设计和数据类型定义。
五、用户认证
数据有了，还需要区分是谁的数据。这一节实现完整的注册、登录、退出功能，并把认证和数据库打通。Supabase自带的认证工具让这个过程变得简单，你不用从零造轮子。
六、核心财务功能
这是应用的灵魂部分。把收入和支出表单真正连上数据库，显示金额和交易记录，实现交易列表页面，支持编辑和删除交易，最后完善账户页面。每一步都在Claude Code的协助下完成，你会体验到AI编程真正的提速感——以前需要反复调试的功能，现在可以快速迭代。
七、数据分析与报表
记账只是基础，看清钱花在哪里才是重点。这一部分加入自定义分类功能，构建带图表的报表页面，支持筛选和搜索。课程还教你用浏览器检查工具配合AI做性能检查，让报表功能既好看又流畅。
八、打磨与测试
一个能用的产品和一个好用的产品之间，隔着打磨的距离。这一节教你调整配色方案、实现深色模式、导出PDF报表、修复性能瓶颈、重构代码，最后编写单元测试和集成测试。这些步骤让应用从能跑变成好用。
九、部署上线
最后把应用推上互联网。课程教你关联GitHub仓库、创建Vercel账号并部署，还会测试线上增删改查是否正常。看到自己做的应用跑在公网上，那种成就感是学编程最大的动力之一。最后绑定自定义域名，让应用看起来更专业。
十、收尾与总结
课程最后做一轮完整测试，包括认证流程和确认链接的强化，然后做整体回顾。
刚接触AI编程工具、想找到入门方向的学习者，想做出一个完整作品来充实简历或作品集的开发者，以及想看看Claude Code究竟能帮自己提速多少的资深工程师，都能从这门课里拿到自己想要的东西。
学完这门课，你收获的不仅是一个可以展示的财务追踪应用，更重要的是一种全新的开发方式。你会知道怎么和AI协作、怎么审查它的代码、怎么在它的帮助下做出真正的产品。AI不会取代开发者，但掌握AI工具的开发者，效率一定会甩开同行一截。