921 Al助手Cursor辅助 Vue3.5+Electron+ 大模型跨平台实战

这门课解决什么实际问题

前端开发者普遍面临一个困境：会写 Vue，但做出来的东西停留在网页 Demo 层面，无法交付真正的桌面应用。这门课用 Vue3.5 + Electron 做一个跨平台的 AI 聊天客户端，帮你打通从前端界面到本地打包的完整链路。更关键的是，它把 Cursor 这个 AI 编程工具直接融入开发流程，让你在实际项目中习惯用 AI 辅助写代码、调 Bug、做重构。

这不是一个"看看视频就能懂"的理论课。你需要跟着做完一个能运行的桌面应用，接通文心一言或 DeepSeek 的接口，本地存储聊天记录。学完之后，你面对类似需求不再从零摸索，而是知道该用什么技术栈、怎么组织项目结构。

适合什么基础的人

课程要求你至少熟悉 Vue 的基本用法——组件通信、响应式原理、路由跳转这些概念要清楚。TypeScript 不需要你先精通，但最好了解类型声明的基本写法，否则看代码时会频繁被 TS 报错卡住。Electron 和 Vite 完全是新课内容，不需要提前准备。

如果你之前只做过纯前端的 H5 页面或小程序，没有接触过桌面端开发，建议先把课程的前两讲看完，确认自己跟得上节奏再往下走。资料包里的环境配置说明一定要逐字读，不要跳过，否则后面安装依赖时会遇到各种坑。

建议的学习顺序

第一周先不写代码，把技术栈全景看清楚。重点理解这三件事：Vue3 组合式 API 和 Options API 的区别在哪里、Electron 的主进程和渲染进程是怎么通信的、Cursor 的基本快捷键和工作流是什么。这部分看懂了，后面跟着视频敲代码会顺畅很多。

第二周开始动手，先把项目骨架跑起来，再接入第一个大模型接口。不要追求一步到位，允许自己做出一个丑但能用的版本。第三周再做功能迭代，比如加历史记录、换接口、优化 UI。每次改完代码，让 Cursor 帮你 review 一遍，记录它提出的改进建议，这是提升最快的方式。

学完能独立做什么

你可以独立搭建一个接入多个大模型的桌面聊天应用，支持消息本地持久化、多模型切换、基础的用户界面交互。这个项目已经具备产品雏形，不是教学演示级别的玩具代码。更重要的是，你掌握了用 Cursor 辅助开发的完整工作流——从需求拆解到代码生成，再到问题排查，形成自己的开发习惯。

资料怎么配合练习

课程配套的截图和说明文档是用来对照代码看的，不是用来收藏的。每学完一个模块，就在本地复现一遍，然后主动改一个功能：换一个大模型、改一个样式、加一个按钮。遇到报错不要立刻搜答案，先看 Cursor 给出的诊断和建议，理解它的推理过程。

遇到配置问题，回看资料包里的环境说明，逐条核对。很多报错是因为 Node 版本不对或者依赖没装全，耐心比对能节省大量时间。