Vue3.5+Electron+大模型 跨平台AI桌面聊天应用实战

资源站助手 5天前 ⋅ 4 阅读
此处网盘内容已隐藏,请付费后查看,永久会员188元,付费添加助手微信:chnl_chen
永久会员权限:网站所有资源可免费下载,永久有效。
如需单独购买该课程,请联系助手微信:chnl_chen
第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

全部评论: 0

    我有话说: