适合哪些人，解决什么痛点

这门课聚焦于构建跨平台的 AI 桌面聊天应用，核心场景是「本地部署 + 大模型 API 调用」。如果你厌倦了只能在浏览器里和 ChatGPT 对话，或者想为自己团队搭建一个私有化、可定制的智能助手入口，这个项目正好对口。它不是简单的 UI 练习，而是涵盖了 Electron 桌面开发、Vue3 前端架构以及 Node.js 后端交互的完整闭环。对于希望掌握「桌面端应用开发」这一稀缺技能的转行者，或想补齐前端工程化短板的一线开发者，这是一次从写页面到交付独立软件的实战演练。

学习路径建议：先抓骨架，再补细节

建议按以下顺序切入，避免陷入零散工具的细节。首先关注 **Pinia 状态管理**章节，这是应用的“大脑”。课程重点演示如何用 Pinia 替换传统的 Dexie.js 实现持久化存储，理解这一章能让你掌握复杂应用中数据流的最佳实践。接着进入 **Markdown 渲染与代码高亮**部分，这是 AI 对话应用的可读性基础，Highlight.js 和 Tailwind Typography 的配合使用值得仔细研读。最后才是 **Cursor AI 辅助开发**环节，课程展示了如何用 AI 生成配置页面、处理国际化以及自动补全代码，这部分可以放在你对基础框架熟悉后再看，能更深刻地体会 AI 编程的实际工作流，而非盲目依赖工具。

学完能做什么，如何配合资料

完成本课程后，你将具备独立开发一款支持多模型切换、图片识别、语法高亮的桌面端 AI 客户端的能力。更重要的是，你学会了如何将 Vue3 组件、Electron 主进程渲染以及后端 API 请求有机整合。资料包中的视频不仅是教程，更是调试指南。练习时，请务必跟随视频手动敲代码，特别是涉及异步迭代器、Generator 函数重构模型数据处理的部分，这些是处理大模型流式响应的关键技术点。不要跳过快进，尝试复现项目中的错误排查过程，这将是你未来面对真实项目时最宝贵的经验积累。

课程目录

第10章 【项目实战：第四步】使用 Pinia 完成应用状态管理 10-1 什么是Pinia 以及 State 基础概念.mp4
 77.73M 10-2 学习 Pinia 的 actions 和 getters.mp4
 86.59M 10-3 改造 Message Store.mp4
 73.51M 10-4 使用 Pinia 创建应用的整体 store 分析应用数据 接入当前数据.mp4
 85.99M 10-5 使用 Pinia 替换 Dexie.js 的功能，实现高效的状态与持久化存储同步.mp4
 81.54M 第11章 【项目实战：第五步】应用进一步功能完善（markdown、法高亮、读图功能） 11-1 渲染 Markdown 文本.mp4
 61.47M 11-

10 添加读图功能 第五部分.mp4
 55.32M 11-11 重构不同模型返回数据方式.mp4
 68.15M 11-12 简介可迭代对象.mp4
 48.87M 11-

13 简介 generator 函数.mp4
 46.58M 11-14 学习使用异步可迭代对象.mp4
 37.09M 11-

15 重构通用模型 - 添加通用数据处理.mp4
 44.93M 11-16 最终实现通用模型类的重构.mp4
 68.92M 11-

17 课后作业：添加 deepseek 大模型支持.mp4
 47.62M 11-2 添加 Tailwind Typography 插件.mp4
 51.78M 11-3 使用Highlight.js 完成语法高亮.mp4
 54.14M 11-4 功能优化：自动滚动到信息的最下方.mp4
 112.98M 11-5 优化信息获取时的滚动优化.mp4
 50.67M 11-6 添加使用图片聊天功能 第一部分.mp4
 90.65M 11-7 发送图片信息编码第二部分.mp4
 97.86M 11-8 添加图片处理第三部分.mp4
 89.54M 11-9 图片处理第四部分 - 显示图片.mp4
 89.84M 第12章 【项目实战：第六步】 Cursor编辑器自动生成代码，完成配置页面国际化 12-1 添加配置页面需求分析.mp4
 38.11M 12-

10 使用 AI 完成顶部菜单功能 第二部分.mp4
 67.38M 12-

11 使用 AI 完成上下文菜单删除对话.mp4
 65.72M 12-2 初识 Cursor 并使用它完成第一个需求的开发.mp4
 80.28M 12-3 使用Cusror 完成配置文件的后端开发的功能.mp4
 40.17M 12-4 完善设置页面- 生成对应的表单以及更新功能.mp4
 69.98M 12-5 使用 Cursor Composer 开发国际化功能.mp4
 62.65M 12-6 使用 Cursor. 的读图功能完成模型界面的第一部分开发.mp4
 42.63M 12-7 使用 Cursor Composer 分步实现动态表单的功能.mp4
 89.97M 12-8 使用 Cursor 自动补全功能完成错误信息的添加以及开发.mp4
 81.58M 12-9 使用 AI 创建应用菜单 第一部分.mp4
 69.36M 第13章 【项目实战：第七步】使用Markers进行打包&使用CursorAI生成代码 13-1 应用打包 Markers 简介.mp4
 38.98M 13-2 使用package 命令生成可执行文件.mp4
 48.12M 13-3 探究生成的 asar 文件格式.mp4
 40.51M 13-4 使用 makers 生成安装包.mp4
 63.05M 13-5 使用 AI 完成应用的优化_.mp4
 88.43M 第14章 【项目实战第八步】使用Publishers进行发布&Cursor实现自动更新功能 14-1 简介publish 的概念和优点.mp4
 38.71M 14-2 使用 Cursor 自动创建 Github Release_.mp4
 83.07M 14-3 完成应用自动更新功能_.mp4
 88.74M 第1章 课前准备 1-1 课程导学_.mp4
 29.12M 第2章 未来已来，AI&跨平台桌面应用开发人才市场上需要求如何？ 2-1 AI 时代的职场变革， 程序员会不会被取代？_.mp4
 37.07M 2-2 程序员在 AI 时代的职业发展规划_.mp4
 36.99M 2-3 课程安排以及设计思路_.mp4
 27.12M 第3章 【夯实基础】解锁 TypeScript 核心基础知识（选学，赠送） 3-1 什么是 Typescript 为什么要学习它.mp4
 57.98M 3-

10 泛型（Generics） 第二部分 - 约束泛型.mp4
 37.99M 3-

11 新泛型第三部分 - 泛型在类和接口中的使用.mp4
 61.42M 3-

12 类型别名，字面量 和 交叉类型_.mp4
 23.48M 3-

13 声明文件 第一部分.mp4
 75.10M 3-

14 声明文件 第二部分.mp4
 62.14M 3-15 内置类型.mp4
 45.89M 3-16 配置文件.mp4
 58.66M 3-2 安装 Typescript.mp4
 30.48M 3-3 . 原始数据类型和 Any 类型.mp4
 31.65M 3-4 . 数组和元组.mp4
 36.74M 3-5 . Interface- 接口 初探.mp4
 40.97M 3-6 . 函数.mp4
 50.62M 3-7 . 类型推论 联合类型和 类型断言.mp4
 43.56M 3-8 枚举（Enum）.mp4
 42.56M 3-9 . 泛型（Generics） 第一部分.mp4
 42.17M 第4章 【夯实基础】Vue3.4 基础与魅力（选学，赠送） 4-1 Vue3 本章导学.mp4
 16.06M 4-10 组件基础-属性.mp4
 79.06M 4-11 组件自定义事件.mp4
 46.99M 4-12 组合式函数.mp4
 56.41M 4-

13 创建 useURLLoader.mp4
 78.73M 4-

14 useURLLoader 第二部分_.mp4
 52.35M 4-15 setup语法第一部分.mp4
 30.90M 4-

16 setup 语法第二部分.mp4
 54.93M 4-17 依赖注入第一部分.mp4
 61.30M 4-18 依赖注入第二部分.mp4
 60.13M