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

你将学到

４大经典AI大模型实战
跨平台AI聊天应用全流程
Cursor辅助编程N倍提效
慕课网名师“保姆式”教学
Vue3与Electron整套技术
主流技术+AI 技术实战经验

课程目录

第1章 课前准备
1 节｜12分钟
展开
视频：
1-1 课程导学
试看
11:16
第2章 未来已来，AI&跨平台桌面应用开发人才市场上需要求如何？
3 节｜25分钟
收起
视频：
2-1 AI 时代的职场变革， 程序员会不会被取代？
试看
08:16
视频：
2-2 程序员在 AI 时代的职业发展规划
08:58
视频：
2-3 课程安排以及设计思路
07:29
第3章 【夯实基础】解锁 TypeScript 核心基础知识（选学，赠送）
16 节｜135分钟
收起
视频：
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 基础与魅力（选学，赠送）
19 节｜204分钟
展开
视频：
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 入门与基础知识
10 节｜102分钟
展开
视频：
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章 【实战预热】搭建项目框架以及开发环境搭建
11 节｜130分钟
展开
视频：
6-1 原型图设计和需求分析
09:13
视频：
6-2 使用 Electron Forge 初始化项目
09:58
视频：
6-3 添加 vue3 支持
06:13
视频：
6-4 介绍和安装 Tailwind.css
12:09
视频：
6-5 学习 Tailwind.css 的基础知识
15:41
视频：
6-6 编写 ConversationList 组件
13:26
视频：
6-7 使用 Iconify 作为图标解决方案
12:46
视频：
6-8 安装和初次认识 Radix Vue
12:52
视频：
6-9 ProviderList 组件编码第一部分
10:49
视频：
6-10 ProviderList 第二部分
15:47
视频：
6-11 ProviderSelect 第三部分
10:45
第7章 【项目实战：第一步】使用 Vue-Router 实现路由功能
6 节｜82分钟
展开
视频：
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章 【项目实战：第二步】大模型入门与初步实践
6 节｜75分钟
展开
视频：
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)持久化数据
7 节｜93分钟
展开
视频：
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 完成应用状态管理
5 节｜76分钟
展开
视频：
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
第11章 【项目实战：第五步】应用进一步功能完善（markdown、法高亮、读图功能）
17 节｜196分钟
展开
视频：
11-1 渲染 Markdown 文本
11:30
视频：
11-2 添加 Tailwind Typography 插件
09:35
视频：
11-3 使用Highlight.js 完成语法高亮
09:50
视频：
11-4 功能优化：自动滚动到信息的最下方
09:54
视频：
11-5 优化信息获取时的滚动优化
09:23
视频：
11-6 添加使用图片聊天功能 第一部分
16:51
视频：
11-7 发送图片信息编码第二部分
18:07
视频：
11-8 添加图片处理第三部分
16:02
视频：
11-9 图片处理第四部分 – 显示图片
17:09
视频：
11-10 添加读图功能 第五部分
10:27
视频：
11-11 重构不同模型返回数据方式
12:41
视频：
11-12 简介可迭代对象
09:03
视频：
11-13 简介 generator 函数
08:39
视频：
11-14 学习使用异步可迭代对象
06:58
视频：
11-15 重构通用模型 – 添加通用数据处理
08:12
视频：
11-16 最终实现通用模型类的重构
12:16
视频：
11-17 课后作业：添加 deepseek 大模型支持
08:47
第12章 【项目实战：第六步】 Cursor编辑器自动生成代码，完成配置页面国际化
11 节｜131分钟
展开
视频：
12-1 添加配置页面需求分析
06:50
视频：
12-2 初识 Cursor 并使用它完成第一个需求的开发
14:12
视频：
12-3 使用Cusror 完成配置文件的后端开发的功能
07:29
视频：
12-4 完善设置页面- 生成对应的表单以及更新功能
13:08
视频：
12-5 使用 Cursor Composer 开发国际化功能
12:05
视频：
12-6 使用 Cursor. 的读图功能完成模型界面的第一部分开发
07:29
视频：
12-7 使用 Cursor Composer 分步实现动态表单的功能
16:43
视频：
12-8 使用 Cursor 自动补全功能完成错误信息的添加以及开发
14:53
视频：
12-9 使用 AI 创建应用菜单 第一部分
12:27
视频：
12-10 使用 AI 完成顶部菜单功能 第二部分
12:38
视频：
12-11 使用 AI 完成上下文菜单删除对话
12:10
第13章 【项目实战：第七步】使用Markers进行打包&使用CursorAI生成代码
5 节｜45分钟
展开
视频：
13-1 应用打包 Markers 简介
07:27
视频：
13-2 使用package 命令生成可执行文件
09:29
视频：
13-3 探究生成的 asar 文件格式
07:01
视频：
13-4 使用 makers 生成安装包
12:13
视频：
13-5 使用 AI 完成应用的优化
08:22
第14章 【项目实战第八步】使用Publishers进行发布&Cursor实现自动更新功能
3 节｜28分钟
展开
视频：
14-1 简介publish 的概念和优点
06:10
视频：
14-2 使用 Cursor 自动创建 Github Release
09:25
视频：
14-3 完成应用自动更新功能
11:55

本课程已完结