先说说这门课适合谁、不适合谁

如果你已经能熟练用 Cursor 或同类工具写完一整个项目，这门课对你来说节奏偏慢，可以直接跳过前面两章，从 OpenClaw 相关的部分切入。但如果你听说过 VibeCoding、Copilot、Cursor、Trae 这些名字，装过一两个却始终没搞明白「它到底替我做了什么」，那这门课的门槛正好卡在你这里——它不假设你会写复杂代码，但也不打算把编程基础从头讲一遍。

需要提前说清楚一点：这门课讲的是「怎么用 AI 工具写代码」，不是「怎么用 AI 学会编程」。如果你期待的是零基础也能独立做出完整产品，那大概率会失望。它能帮你把已有的一点代码感觉放大，但替代不了动手写、动手调试的过程。

建议的观看顺序：前三章按顺序，后面可跳

第 1 章是导学，十来分钟，建议完整看完，它交代了整门课的组织方式和工具选型逻辑。第 2 章是真正的入口，几节分别讲 VibeCoding 是什么、Cursor 怎么用、Trae 国内版和海外版差在哪、Qoder 又有什么区别。这一章不要跳，因为后面所有实战都建立在「你已经知道每个工具擅长什么」这个前提上。

如果你时间很碎，可以这样分配：先用两三个晚上把第 2 章的几节零散看完，不求全懂，只求对每个工具建立印象。等第 2 章过完，再决定是顺着往下走实战，还是先回头把某个工具单独练熟。至于后面偏底层原理的章节，如果你只是想把工具用起来，可以暂时搁置，等遇到瓶颈再回头补。

VibeCoding 那几节，重点是「怎么提问」而不是「怎么点按钮」

第 2 章里最容易看轻、其实最该反复看的是 VibeCoding 概念那一节。很多人误以为学会工具就是把界面功能点一遍，结果真上手时卡在「不知道该怎么跟它描述需求」。这门课在这部分花了篇幅讲清楚一件事：AI 编程工具的能力边界，取决于你能把问题拆到多细。工具按钮几分钟就能学会，但把一句话需求翻译成它能执行的指令，需要练。

看这几节时，建议手边开着工具同步操作。视频里演示一个用法，你就拿自己的小需求试一遍。光看不练，第二天基本忘干净。

资料和练习怎么配合

课程配套的材料更适合当「查询手册」而不是「预习材料」。正确的用法是：先跟着视频走一遍，遇到某个工具的具体操作记不清了，再回去翻对应的那段。不要一开始就从头到尾把资料读一遍，信息量太大，读完反而不知道从哪下手。

练习方面，别等「学完再做项目」。第 2 章每过完一个工具，就找一个小到不能再小的需求（比如给一段脚本加个参数、把一个报错修掉）实际跑一次。这类小练习花不了多少时间，但能让你在进入实战章节时不至于手生。如果某个工具你试了几次都觉得别扭，那也正常，不必强迫自己全会，挑一个顺手的先用透，比每个都浅尝一遍更有用。

哪些部分可以放慢，哪些可以快进

工具介绍类的章节适合快看，了解定位即可；涉及 OpenClaw 和实战开发的章节值得慢下来，甚至反复看。整体上，这门课不需要一口气刷完，一周消化一章的节奏对自学者更友好。学不会的地方先标记，往下走，很多时候是后面的内容帮你把前面的疑惑解开的。

mksz993

AI编程工具与核心技术深度解析

编辑点评

深入浅出AI编程工具，涵盖VibeCoding、OpenClaw等前沿技术，适合AI编程爱好者及从业者。

⭐ 编辑推荐

探索AI编程新工具，掌握OpenClaw核心技术，提升AI编程能力。

课程亮点

• AI编程工具深度解析

• OpenClaw核心技术讲解

• 实战项目开发

课程目录

replyreload += ',' + 2195974;├─第1章 课程简介
│   1-1 课程导学.mp4
│
├─第2章 VibeCoding入门——破局程序员的AI困惑和VibeCoding工具介绍
│   2-1 VibeCoding基本概念+常用工具介绍.mp4
│   2-2 Cursor基本功能和用法介绍.mp4
│   2-3 Trae基本功能介绍+国内和海外版本对比.mp4
│   2-4 Qoder基本功能介绍+国内和海外版本对比.mp4
│   2-5 ClaudeCode+Codex使用技巧分享.mp4
│   2-6 谈谈AI时代程序员的一些典型困惑和破局方法.mp4
│
├─第3章 OpenClaw核心技术栈——TypeScript、Node&模块化技术
│   3-1 自主AI智能体研发的技术路线图.mp4
│   3-2 OpenClaw核心技术栈：JavaScript和Node的基本概念和应用.mp4
│   3-3 Node的进阶用法和ES6介绍.mp4
│   3-4 OpenClaw开发语言：TypeScript基础概念讲解.mp4
│   3-5 OpenClaw代码模块化机制：CommonJS标准讲解.mp4
│   3-6 CommonJS进阶用法：模块间调用.mp4
│   3-7 OpenClaw代码模块化机制：ESModule标准讲解.mp4
│   3-8 模块化的高级用法：CommonJS和ESModule的双向引用.mp4
│
├─第4章 OpenClaw核心技术栈——HTTP&WebSocket
│   4-1 OpenClaw的网络架构介绍.mp4
│   4-2 HTTP协议“请求-响应”模型介绍.mp4
│   4-3 HTTP请求协议内容介绍和实战.mp4
│   4-4 HTTP响应协议内容介绍和实战.mp4
│   4-5 OpenClaw网关通信协议——WebSocket基本原理讲解.mp4
│   4-6 手写代码实现WebSocket服务端和客户端.mp4
│   4-7 深入分析WebSocket通信原理和时序.mp4
│   4-8 高能——基于WebSocket协议的IM应用原理.mp4
│   4-9 手写代码实现基于WebSocket的IM应用.mp4
│
├─第5章 OpenClaw安装&运行+NPM基础讲解
│   5-1 npm仓库的基本概念+npm组织创建&上传演示.mp4
│   5-2 npm workspace概念讲解+实践.mp4
│   5-3 OpenClaw pnpm安装+基础配置.mp4
│   5-4 OpenClaw 大模型配置方法讲解.mp4
│   5-5 OpenClaw连接自主大模型+大模型相关配置.mp4
│   5-6 飞书+OpenClaw渠道配置实战.mp4
│
├─第6章 ImoocClaw架构设计+大模型调用能力开发
│   6-1 imooc_claw第一版架构设计（基于model provider）.mp4
│   6-2 使用openai库调用qwen大模型实现文生文.mp4
│   6-3 使用qwen大模型实现图片&视频理解功能.mp4
│   6-4 通义万相qwen-image生图大模型调用.mp4
│   6-5 通义万相qwen-image图片下载功能开发.mp4
│   6-6 应用axios简化图片保存方法.mp4
│   6-7 通义万相qwen-t2v大模型调用实现视频生成和下载.mp4
│   6-8 langchain+typescript快速实现大模型调用.mp4
│   6-9 langchain实现大模型的思考过程+流式调用.mp4
│
├─第7章 LangChain工具调用+ImoocClaw WebUI开发
│   7-1 LangChain Tools调用原理讲解.mp4
│   7-2 LangChain自定义Tools开发讲解.mp4
│   7-3 LangChain+Agent开发实现工具自主调用_x264.mp4
│   7-4 LangChain内置文件工具包tooltik引入_x264.mp4
│   7-5 自研LangChain文件夹访问工具.mp4
│   7-6 ant-design-pro项目下载和运行.mp4
│   7-7 通过Trae完成ImoocCli monorepo工程初始化.mp4
│   7-8 ImoocClaw下Agents、Models、Tools 三个新页面开发.mp4
│   7-9 使用Trae对Agents配置页面进行交互优化.mp4
│
├─第8章 ImoocClaw后端Nestjs应用开发+智能体联调
│   8-1 node服务端开发原生VS express VS nestjs框架对比.mp4
│   8-2 使用Trae完成nestjs代码初始化.mp4
│   8-3 Agents相关CRUD接口开发.mp4
│   8-4 Agents restful接口协议字段调整.mp4
│   8-5 前端Agents配置页面查询接口联调.mp4
│   8-6 Models相关CRUD接口开发.mp4
│   8-7 前端Models配置页面增删改查接口联调.mp4
│   8-8 Tools相关CRUD接口开发+Tools页面联调.mp4
│   8-9 Agents页面保存、更新和删除接口联调.mp4
│
├─第9章 ImoocClaw对话式AI页面构建
│   9-1 ImoocClaw agent-core项目初始化.mp4
│   9-2 ImoocClaw agent-core读取配置文件.mp4
│   9-3 ImoocClaw agent&model配置文件读取方法封装.mp4
│   9-4 LangChain+model配置实现大模型实例创建.mp4
│   9-5 【重点】http流式接口实现：chunked streaming+sse.mp4
│   9-6 nestjs解决全局过滤器白名单问题.mp4
│   9-7 pnpm workspace工程优化+api引用agent-core根据配置生成model对象.mp4
│   9-8 大模型流式http接口开发.mp4
│   9-9 通过ant-design-x实现大模型对话UI与后端接口联调.mp4
│
├─第10章 ImoocClaw思考过程+记忆功能开发
│   10-1 ImoocClaw当前架构梳理+本章开发功能规划.mp4
│   10-2 ImoocClaw对话产品实现思考过程展示.mp4
│   10-3 AI流式接口协议优化+前端适配协议.mp4
│   10-4 交互优化：AI回复的思考过程转为流式显示.mp4
│   10-5 【重点】大模型具备记忆能力的实现原理.mp4
│   10-6 基于LangChain+Message对象实现大模型记忆能力.mp4
│   10-7 ImoocClaw实例化大模型时集成系统提示词.mp4
│   10-8 【难点】ImoocClaw实现基于内存的对话记忆能力.mp4
│
├─第11章 LangChain基础用法总结和讲解（Model+Agent+Tools能力）
│   11-1 ImoocClaw&LangChain知识体系系统介绍.mp4
│   11-2 LangChain+TypeScript项目初始化.mp4
│   11-3 LangChain最新版本调用方法讲解.mp4
│   11-4 LangChain流式大模型调用开发讲解.mp4
│   11-5 LangChain CoreComponents核心组件介绍.mp4
│   11-6 Messages组件三种用法讲解.mp4
│   11-7 Tools开发方法讲解.mp4
│   11-8 ToolMessage解析+手动完成工具的FuntionCalling调用.mp4
│   11-9 createAgent创建智能体+调用智能体方法讲解.mp4
│   11-10 Agents智能体流式调用+深入响应体解析.mp4
│
├─第12章 LangChain进阶之记忆能力（Message+Memory能力）
│   12-1 本章重点知识讲解+agent StreamMode介绍.mp4
│   12-2 LangChain messages 流式输出模式开发.mp4
│   12-3 LangChain messages 流式模式调优+关闭推理模式.mp4
│   12-4 LangGraph内存记忆能力MemorySaver讲解.mp4
│   12-5 文件记忆持久化类FileSaver原理和代码框架搭建.mp4
│   12-6 记忆持久化的核心方法save方法实现.mp4
│   12-7 记忆持久化的核心方法load方法实现.mp4
│
├─第13章 LangChain+MCP能力进阶（MCP+自定义Tools集成）
│   13-1 MCP协议的基本概念和价值.mp4
│   13-2 MCP协议的三种传输方式——stdio、sse和streamable-http.mp4
│   13-3 基于mcp sdk实现stdio服务端.mp4
│   13-4 实现stdio客户端+工具的加载和读取.mp4
│   13-5 streamable-http协议server+client实现.mp4
│   13-6 实战：Agent集成MCP stdio服务.mp4
│
├─第14章 ImoocClaw集成LangChain+MCP能力
│   14-1 ImoocClaw实现对FileSaver能力的集成.mp4
│   14-2 在agent-core库中完成对FileSaver会话持久化能力的集成和测试.mp4
│   14-3 ImoocClaw+VibeCoding实现会话历史列表和memory能力的集成.mp4
│   14-4 ImoocClaw集成mcp fileTools实现文件操作.mp4
│   14-5 agent集成mcp-shell-server的方法讲解.mp4
│   14-6 完成mcp-shell-server对接ImoocClaw_ev.mp4
│   14-7 api集成mcp-shell-server运行报错问题修复和日志打印.mp4
│
├─第15章 LangChain+Skills能力进阶（Skills+自主编排能力）
│   15-1 Skills基本概念+安装流程讲解.mp4
│   15-2 Skills类的定义和实现Skills加载.mp4
│   15-3 拓展agent的command用法+封装Command类.mp4
│   15-4 通过Command实现Skills和用户提示词的融合.mp4
│   15-5 web-design-guidelines技能的运行测试.mp4
│   15-6 ui-ux-pro-max Skills安装.mp4
│   15-7 使用ui-ux-pro-max开发精美的网站.mp4
│
├─第16章 LangGraph 多Agent协作能力进阶
│   16-1 本章内容介绍+LangGraph基本概念讲解.mp4
│   16-2 定义LangGraph模型、工具和State_ev.mp4
│   16-3 LangGraph的Node、Graph定义和实现.mp4
│   16-4 深入剖析LangGraph图的执行过程.mp4
│   16-5 LangGraph Supervisor架构原理讲解.mp4
│   16-6 通过langgraph-supervisor构建Supervisor图.mp4
│   16-7 supervisor图执行过程分析和拆解.mp4
│
├─第17章 LangGraph human-in-loop+A2A协议实现多Agent协作
│   17-1 LangGraph Human-In-Loop机制原理讲解+Supervisor图实现.mp4
│   17-2 运行Human-In-Loop Agent观察执行结果.mp4
│   17-3 处理LangGraph中断后__interrupt__的返回结果.mp4
│   17-4 Node readline实现人机效果+LangGraph恢复执行方法.mp4
│   17-5 A2A协议的基本概念讲解.mp4
│   17-6 a2a-js实现A2A Server服务端搭建.mp4
│   17-7 A2A Server核心逻辑AgentExecutor类+execute方法实现.mp4
│   17-8 A2A Client客户端连接调通.mp4
│
├─第18章 ImoocClaw项目实战：DeepAgents实现深度智能体
│   18-1 deepagents基础用法讲解.mp4
│   18-2 deepagents流式输出开发+chunk解析过程详解.mp4
│   18-3 deepagents调用自定义工具方法解析.mp4
│   18-4 通过deepagents内置write_todos工具实现复杂任务规划.mp4
│   18-5 进阶：deepagents快速搭建多agents处理复杂任务规划+执行.mp4
│   18-6 进阶：deepagent MemorySaver内存记忆能力集成.mp4
│   18-7 进阶：deepagents人格AGENT.md文件注入记忆.mp4
│   18-8 进阶：deepagents使用FilesystemBackend实现调度真实文件系统.mp4
│   18-9 高阶：deepagents middleware实现安全围栏+工具调用耗时统计.mp4
│
├─第19章 ImoocClaw项目实战： 平台Skills能力集成+DeepAgents集成
│   19-1 ImoocClaw Skills功能规划和初版代码生成.mp4
│   19-2 Skills安装和删除功能调试.mp4
│   19-3 Skills和ImoocClaw Agent能力集成测试.mp4
│   19-4 ImoocClaw集成Deepagents能力.mp4
│   19-5 解决会话和agent的绑定关系缓存问题.mp4
│   19-6 deepagents思维链执行过程交互优化.mp4
│
├─第20章 ImooClaw项目实战：智能体文件管理能力开发与升级
│   20-1 思维链组件展开效果优化+attachments组件引入.mp4
│   20-2 附件功能优化支持多模态大模型+思维链组件展开功能优化.mp4
│   20-3 OSS文件上传功能接入+多模态大模型接入完成.mp4
│   20-4 Folder组件的引入+工作区面板开发.mp4
│   20-5 ImoocClaw产品7项小优化.mp4
│   20-6 ImoocClaw DeepAgents根目录问题修复.mp4
│
└─代码