课程简介：
本课程将由慕课网名师采用最新前端技术栈 ：Vue3.5 、 Electron、TS、 Vite、Pinia、Radix Vue、IndexedDB、 Dexie.js ，与多种知名AI大模型（文心一言/通义千问/ Claude ／Deepseek），手把手带你开发一个跨平台的 AI 桌面聊天应用，同时教你用Cursor辅助开发倍速提升开发效率。无论你是初涉 AI 领域的新手，还是渴望突破前端技能瓶颈的进阶者，这门课程都将助力你构建未来核心竞争力，让你在 AI 浪潮中抢占先机 。
你将学到：
- ４大经典AI大模型实战
- 跨平台AI聊天应用全流程
- Cursor辅助编程N倍提效
- 慕课网名师“保姆式”教学
- Vue3与Electron整套技术
- 主流技术+AI 技术实战经验
试看链接：https://pan.baidu.com/s/1cZgvVxeBTHXr7i3qVOzycA?pwd=m15x
相关推荐：
Electron+React+七牛云 实战跨平台桌面应用(完结）
Vue3 + TS + Leafletjs 打造企业级原神大地图【完结】
Electron+Vue3+AI+云存储–实战跨平台桌面应用【完结】
Vue3.3 + TS4 ，自主打造媲美 ElementPlus 的组件库(完结)
Springboot3+Vue3实现副业（创业）智能语音项目开发(完结)
目录大纲：
第1章 课前准备
1-1 课程导学 11:16
第2章 未来已来，AI&跨平台桌面应用开发人才市场上需要求如何？
2-1 AI 时代的职场变革，程序员会不会被取代？ 08:16
2-2 程序员在 AI 时代的职业发展规划 08:58
2-3 课程安排以及设计思路 07:29
第3章 【夯实基础】解锁 TypeScript 核心基础知识（选学，赠送）
3-1 什么是 Typescript 为什么要学习它 09:52
3-2 安装 Typescript 06:06
3-3 原始数据类型和 Any 类型 06:07
3-4 数组和元组 06:55
3-5 Interface-接口初探 05:40
3-6 函数 07:37
3-7 类型推论 联合类型和类型断言 07:48
3-8 枚举（Enum） 07:41
3-9 泛型（Generics）第一部分 07:46
3-10 泛型（Generics）第二部分 – 约束泛型 07:06
3-11 新泛型第三部分 – 泛型在类和接口中的使用 11:16
3-12 类型别名，字面量和交叉类型 07:11
3-13 声明文件第一部分 13:34
3-14 声明文件第二部分 10:43
3-15 内置类型 08:36
3-16 配置文件 10:43
第4章 【夯实基础】Vue3.4 基础与魅力（选学，赠送）
4-1 Vue3 本章导学 02:57
4-2 使用 vite 创建项目 07:43
4-3 文件结构以及推荐插件 13:04
4-4 ESLint 简介和初步使用 11:12
4-5 ESLint 配合 Vite 设置更多规则 12:45
4-6 响应式基础 – Ref 和 Reactive 13:08
4-7 computed 计算属性 08:30
4-8 watch 监听器 13:41
4-9 生命周期和模版引用 11:40
4-10 组件基础-属性 15:02
4-11 组件自定义事件 08:57
4-12 组合式函数 10:52
4-13 创建 useURLLoader 14:41
4-14 useURLLoader 第二部分 08:52
4-15 setup语法第一部分 05:40
4-16 setup 语法第二部分 10:15
4-17 依赖注入第一部分 11:17
4-18 依赖注入第二部分 11:18
4-19 vue3.4 3.5 更新简介 11:33
第5章 【夯实基础】Electron 入门与基础知识
5-1 介绍与安装 Electron 07:57
5-2 创建第一个窗口 10:26
5-3 进程和线程 10:01
5-4 预加载脚本 12:12
5-5 进程间通信-从渲染进程到主进程 12:34
5-6 进程通信-双向通信 13:56
5-7 单向通信-从主进程到渲染进程 08:59
5-8 使用 nodeIntegration 08:41
5-9 使用 remote 模块 07:47
5-10 本章总结 08:32
第6章 【实战预热】搭建项目框架以及开发环境搭建
6-1 使用 Electron Forge 初始化项目 09:58
6-2 添加 vue3 支持 06:13
6-3 介绍和安装 Tailwind.css 12:09
6-4 学习 Tailwind.css 的基础知识 15:41
6-5 编写 ConversationList 组件 13:26
6-6 使用 Iconify 作为图标解决方案 12:46
6-7 安装和初次认识 Radix Vue 12:52
6-8 ProviderList 组件编码第一部分 10:49
6-9 ProviderList 第二部分 15:47
6-10 ProviderSelect 第三部分 10:45
第7章 【项目实战：第一步】使用 Vue-Router 实现路由功能
7-1 安装并且使用 Vue Router 11:16
7-2 MessageList 组件编码 16:58
7-3 使用useRoute 和 useRouter 11:52
7-4 完成数据实时更新 13:57
7-5 Button编码第一部分 15:41
7-6 Button 组件编码第二部分 11:50
第8章 【项目实战：第二步】大模型入门与初步实践
8-1 大模型基础知识科普 10:35
8-2 初步使用文心一言调用 SDK 13:26
8-3 学习文心一言SDK 第二部分：实现流式返回 11:27
8-4 学习使用阿里通义千问：了解 OpenAI SDK 的使用 16:08
8-5 使用qwen vl 完成读图功能 12:02
8-6 使用 qwen long 完成文件上传以及文本处理 11:06
第9章 【项目实战：第三步】使用 Dexie.js (IndexedDB)持久化数据
9-1 分析和选取存储的解决方案 08:14
9-2 学习 Dexie.js 的基本用法 14:23
9-3 信息创建第一部分 20:05
9-4 完成对话和信息的创建 第二部分 12:55
9-5 调用大模型并且返回数据 第一部分 16:17
9-6 调用大模型完成信息更新第二部分 11:12
9-7 调用大模型完成信息更新第三部分 实现流式更新 09:09
第10章 【项目实战：第四步】使用 Pinia 完成应用状态管理
10-1 什么是Pinia 以及 State 基础概念 14:10
10-2 学习 Pinia 的 actions 和 getters 16:01
10-3 改造 Message Store 13:39
10-4 使用 Pinia 创建应用的整体 store 分析应用数据 接入当前数据 16:09
10-5 使用 Pinia 替换 Dexie.js 的功能，实现高效的状态与持久化存储同步 15:24
