如果你已经会写 Vue，但项目一直停留在浏览器里，这门课值得先看一眼。它要解决的不是"再学一个框架"，而是把三个相对独立的东西拼成一个能交付的桌面产品：Vue3.5 做界面、Electron 做壳、大模型做核心功能。学完之后你能独立做出一个能装在自己电脑上、能对话、能读图的 AI 桌面应用，而不是又一个跑在 localhost 的 demo。

它对应的工作场景是什么

桌面端 AI 工具这两年在内部工具和小型产品里需求很实在：本地存对话记录、能读本地图片、能打包发给同事用，这些都是纯网页方案做起来别扭的地方。课程选的是"AI 桌面聊天应用"这个具体形态，涉及的能力包括多轮对话界面、流式输出、图片理解、跨平台打包。这几项单独拆开都不算新，但组合在一起时，真正的难点在进程通信和流式数据的处理，这恰恰是自学最容易卡住的地方。

学完能独立做到什么程度

  • 用 Vue3.5 的组合式 API 搭出聊天主界面，包括消息列表、输入区、会话切换这类常见结构
  • 在 Electron 里接通主进程与渲染进程，处理窗口、菜单、本地能力调用
  • 接入至少一家国内可用的模型服务（课程里走的是文心一言和通义千问两条线），完成流式返回，让回答能一个字一个字往外吐
  • 调通视觉模型，实现"发一张图、让模型看图回答"的功能
  • 把整个应用打包成 Windows / macOS 可安装的程序

换句话说，学完你手上会有一个完整项目，而不是一堆零散的知识点。面试或接活时，这个东西是可演示、可讲清楚技术选型的。

资料适合什么基础

它不适合零基础。你需要先具备这些：能读懂 Vue3 的 <script setup> 写法，知道组件间怎么传值；对 Node.js 有基本概念，至少不陌生于 npm 装包和命令行；能看懂 JavaScript 的异步写法，Promise 和 async/await 不至于绕晕。TypeScript 不是硬门槛，但项目里会碰到，完全没接触过会稍微吃力。

如果你已经做过一两个 Vue 项目、想往桌面端或 AI 应用方向挪一步，这门课的坡度是合适的。反过来，如果你还没写完过一个完整的 Vue 项目，建议先把前端基础补上再来，否则大模型接入那部分会让你同时应付太多新东西。

使用时的一个建议

课程的后半段是项目实战，模型接入占了不小篇幅。这部分建议边看边自己敲，尤其是流式返回那段——它牵涉到请求、数据分片、界面渲染三者的配合，只看视频很容易产生"我懂了"的错觉，真写起来才发现状态更新对不上。另外，模型服务的 API Key 需要你自己去申请，SDK 版本也可能会随时间变化，遇到报错先查官方文档，不必死磕视频里的写法。

把注意力放在"跑通整条链路"上，而不是纠结某一个界面细节做得多漂亮。这是这门课真正的价值所在。

课程目录

课程目录30 集
  • 📁 第8章 【项目实战：第二步】大模型入门与初步实践 说明.zip
  • [484.0 B] 8-4 学习使用阿里通义千问：了解 OpenAI SDK 的使用.mp4
  • [85.5 MB] 8-3 学习文心一言SDK 第二部分：实现流式返回.mp4
  • [61.2 MB] 8-2 初步使用文心一言调用 SDK.mp4
  • [70.9 MB] 8-5 使用qwen vl 完成读图功能.mp4
  • [65.1 MB] 8-1 大模型基础知识科普.mp4
  • [57.3 MB] 8-6 使用 qwen long 完成文件上传以及文本处理_.mp4
  • [113.7 MB] 📁 第7章 【项目实战：第一步】使用 Vue-Router 实现路由功能 说明.zip
  • [484.0 B] 7-4 完成数据实时更新.mp4
  • [73.9 MB] 7-3 使用useRoute 和 useRouter.mp4
  • [61.4 MB] 7-5 Button编码第一部分.mp4
  • [84.4 MB] 7-2 MessageList 组件编码.mp4
  • [92.2 MB] 7-6 Button 组件编码第二部分.mp4
  • [63.3 MB] 7-1 安装并且使用 Vue Router.mp4
  • [62.0 MB] 📁 第14章 【项目实战第八步】使用Publishers进行发布&amp;Cursor实现自动更新功能 14-1 简介publish 的概念和优点.mp4
  • [38.7 MB] 14-2 使用 Cursor 自动创建 Github Release_.mp4
  • [83.1 MB] 14-3 完成应用自动更新功能_.mp4
  • [88.7 MB] 📁 第9章 【项目实战：第三步】使用 Dexie.js (IndexedDB)持久化数据 9-3 信息创建第一部分.mp4
  • [107.8 MB] 9-5 调用大模型并且返回数据 第一部分.mp4
  • [87.9 MB] 9-2 学习 Dexie.js 的基本用法.mp4
  • [80.1 MB] 9-6 调用大模型完成信息更新第二部分.mp4
  • [59.8 MB] 9-4 完成对话和信息的创建 第二部分.mp4
  • [68.8 MB] 9-1 分析和选取存储的解决方案.mp4
  • [43.3 MB] 9-7 调用大模型完成信息更新第三部分 实现流式更新 展现更完美的交互.mp4
  • [49.8 MB] 📁 第1章 课前准备 1-1 课程导学_.mp4
  • [29.1 MB] 📁 第6章 【实战预热】搭建项目框架以及开发环境搭建 6-7 安装和初次认识 Radix Vue_.mp4
  • [88.5 MB] 6-5 编写 ConversationList 组件.mp4
  • [76.3 MB] 6-4 学习 Tailwind.css 的基础知识.mp4
  • [83.5 MB] 6-1 使用 Electron Forge 初始化项目.mp4
  • [55.9 MB] …（已达
  • 35 条上限，后续省略） …（已达
  • 35 条上限，后续省略） 适合人群 前端开发者 AI爱好者 桌面应用开发者 学习收获 掌握Vue3.5和Electron技术 实现AI大模型在桌面应用中的应用 提升跨平台开发能力 祝您学习愉快！ 学有所成，前程似锦！