价格: 49 学币
本课程采用最新前端技术栈:Vue3.5、Electron、TS、Vite、Pinia、Radix Vue、IndexedDB 及 Dexie.js,并整合文心一言、通义千问、Claude、Deepseek 等知名AI大模型,手把手带你开发一款跨平台的AI桌面聊天应用。同时,还将教授如何利用 Cursor 辅助开发,倍速提升开发效率。无论你是AI新手,还是希望突破前端技能瓶颈的进阶者,本课程都将助力你构建核心竞争力,在AI浪潮中抢占先机。
.
├── 第1章 课前准备/
│ └── [ 18M] 1-1课程导学
├── 第2章 未来已来,AI&跨平台桌面应用开发人才市场上需要求如何?/
│ ├── [ 18M] 2-1AI时代的职场变革,程序员会不会被取代?
│ ├── [ 19M] 2-2程序员在AI时代的职业发展规划
│ └── [ 13M] 2-3课程安排以及设计思路
├── 第3章 【夯实基础】解锁 TypeScript 核心基础知识(选学,赠送)/
│ ├── [ 18M] 3-1什么是Typescript为什么要学习它
│ ├── [ 12M] 3-2安装Typescript
│ ├── [ 11M] 3-3.原始数据类型和Any类型
│ ├── [ 11M] 3-4.数组和元组
│ ├── [7.7M] 3-5.Interface-接口初探
│ ├── [ 12M] 3-6.函数
│ ├── [ 15M] 3-7.类型推论联合类型和类型断言
│ ├── [ 13M] 3-8枚举(Enum)
│ ├── [ 14M] 3-9.泛型(Generics)第一部分
│ ├── [ 14M] 3-10泛型(Generics)第二部分-约束泛型
│ ├── [ 22M] 3-11新泛型第三部分-泛型在类和接口中的使用
│ ├── [ 14M] 3-12类型别名,字面量和交叉类型
│ ├── [ 30M] 3-13声明文件第一部分
│ ├── [ 22M] 3-14声明文件第二部分
│ ├── [ 21M] 3-15内置类型
│ └── [ 22M] 3-16配置文件
├── 第4章 【夯实基础】Vue3.4 基础与魅力(选学,赠送)/
│ ├── [4.0M] 4-1Vue3本章导学
│ ├── [ 19M] 4-2使用vite创建项目
│ ├── [ 34M] 4-3文件结构以及推荐插件
│ ├── [ 28M] 4-4ESLint简介和初步使用
│ ├── [ 35M] 4-5ESLint配合Vite设置更多规则
│ ├── [ 31M] 4-6响应式基础-Ref和Reactive
│ ├── [ 21M] 4-7computed计算属性
│ ├── [ 38M] 4-8watch监听器
│ ├── [ 32M] 4-9生命周期和模版引用
│ ├── [ 37M] 4-10组件基础-属性
│ ├── [ 22M] 4-11组件自定义事件
│ ├── [ 28M] 4-12组合式函数
│ ├── [ 42M] 4-13创建useURLLoader
│ ├── [ 22M] 4-14useURLLoader第二部分
│ ├── [ 16M] 4-15setup语法第一部分
│ ├── [ 27M] 4-16setup语法第二部分
│ ├── [ 29M] 4-17依赖注入第一部分
│ ├── [ 25M] 4-18依赖注入第二部分
│ └── [ 27M] 4-19vue3.43.5更新简介
├── 第5章 【夯实基础】Electron 入门与基础知识/
│ ├── [ 20M] 5-1介绍与安装Electron
│ ├── [ 22M] 5-2创建第一个窗口
│ ├── [ 25M] 5-3进程和线程
│ ├── [ 25M] 5-4预加载脚本
│ ├── [ 28M] 5-5进程间通信-从渲染进程到主进程
│ ├── [ 34M] 5-6进程通信-双向通信
│ ├── [ 24M] 5-7单向通信-从主进程到渲染进程
│ ├── [ 24M] 5-8使用nodeIntegration
│ ├── [ 22M] 5-9使用remote模块
│ └── [ 21M] 5-10本章总结
├── 第6章 【实战预热】搭建项目框架以及开发环境搭建/
│ ├── [ 25M] 6-1使用ElectronForge初始化项目
│ ├── [ 16M] 6-2添加vue3支持
│ ├── [ 34M] 6-3介绍和安装Tailwind.css
│ ├── [ 45M] 6-4学习Tailwind.css的基础知识
│ ├── [ 30M] 6-5编写ConversationList组件
│ ├── [ 36M] 6-6使用Iconify作为图标解决方案
│ ├── [ 33M] 6-7安装和初次认识RadixVue
│ ├── [ 30M] 6-8ProviderList组件编码第一部分
│ ├── [ 45M] 6-9ProviderList第二部分
│ └── [ 31M] 6-10ProviderSelect第三部分
├── 第7章 【项目实战:第一步】使用 Vue-Router 实现路由功能/
│ ├── [ 32M] 7-1安装并且使用VueRouter
│ ├── [ 48M] 7-2MessageList组件编码
│ ├── [ 34M] 7-3使用useRoute和useRouter
│ ├── [ 40M] 7-4完成数据实时更新
│ ├── [ 43M] 7-5Button编码第一部分
│ └── [ 34M] 7-6Button组件编码第二部分
├── 第8章 【项目实战:第二步】大模型入门与初步实践/
│ ├── [ 26M] 8-1大模型基础知识科普
│ ├── [ 38M] 8-2初步使用文心一言调用SDK
│ ├── [ 33M] 8-3学习文心一言SDK第二部分:实现流式返回
│ ├── [ 46M] 8-4学习使用阿里通义千问:了解OpenAISDK的使用
│ ├── [ 35M] 8-5使用qwenvl完成读图功能
│ └── [ 32M] 8-6使用qwenlong完成文件上传以及文本处理
├── 第9章 【项目实战:第三步】使用 Dexie.js (IndexedDB)持久化数据/
│ ├── [ 24M] 9-1分析和选取存储的解决方案
│ ├── [ 40M] 9-2学习Dexie.js的基本用法
│ ├── [ 57M] 9-3信息创建第一部分
│ ├── [ 37M] 9-4完成对话和信息的创建第二部分
│ ├── [ 46M] 9-5调用大模型并且返回数据第一部分
│ ├── @优库it资源网ukoou.com
│ ├── [ 31M] 9-6调用大模型完成信息更新第二部分
│ └── [ 26M] 9-7调用大模型完成信息更新第三部分实现流式更新展现更完美的交互
├── 第10章 【项目实战:第四步】使用 Pinia 完成应用状态管理/
│ ├── [ 38M] 10-1什么是Pinia以及State基础概念
│ ├── [ 46M] 10-2学习Pinia的actions和getters
│ ├── [ 39M] 10-3改造MessageStore
│ ├── [ 46M] 10-4使用Pinia创建应用的整体store分析应用数据接入当前数据
│ └── [ 44M] 10-5使用Pinia替换Dexie.js的功能,实现高效的状态与持久化存储同步
├── 第11章 【项目实战:第五步】应用进一步功能完善(markdown、法高亮、读图功能)/
│ ├── [ 33M] 11-1渲染Markdown文本
│ ├── [ 28M] 11-2添加TailwindTypography插件
│ ├── [ 29M] 11-3使用Highlight.js完成语法高亮
│ ├── [ 28M] 11-4功能优化:自动滚动到信息的最下方
│ ├── [ 27M] 11-5优化信息获取时的滚动优化
│ ├── [ 48M] 11-6添加使用图片聊天功能第一部分
│ ├── [ 52M] 11-7发送图片信息编码第二部分
│ ├── [ 45M] 11-8添加图片处理第三部分
│ ├── [ 48M] 11-9图片处理第四部分-显示图片
│ ├── [ 30M] 11-10添加读图功能第五部分
│ ├── [ 29M] 11-11重构不同模型返回数据方式
│ ├── [ 18M] 11-12简介可迭代对象
│ ├── [ 18M] 11-13简介generator函数
│ ├── [ 16M] 11-14学习使用异步可迭代对象
│ ├── [ 22M] 11-15重构通用模型-添加通用数据处理
│ ├── [ 36M] 11-16最终实现通用模型类的重构
│ └── [ 25M] 11-17课后作业:添加deepseek大模型支持
├── 第12章 【项目实战:第六步】 Cursor编辑器自动生成代码,完成配置页面国际化/
│ ├── [ 18M] 12-1添加配置页面需求分析
│ ├── [ 33M] 12-2初识Cursor并使用它完成第一个需求的开发
│ ├── [ 20M] 12-3使用Cusror完成配置文件的后端开发的功能
│ ├── [ 37M] 12-4完善设置页面-生成对应的表单以及更新功能
│ ├── [ 35M] 12-5使用CursorComposer开发国际化功能
│ ├── [ 22M] 12-6使用Cursor.的读图功能完成模型界面的第一部分开发
│ ├── [ 48M] 12-7使用CursorComposer分步实现动态表单的功能
│ ├── [ 43M] 12-8使用Cursor自动补全功能完成错误信息的添加以及开发
│ ├── [ 36M] 12-9使用AI创建应用菜单第一部分
│ ├── [ 36M] 12-10使用AI完成顶部菜单功能第二部分
│ └── [ 35M] 12-11使用AI完成上下文菜单删除对话
├── 第13章 【项目实战:第七步】使用Markers进行打包&使用CursorAI生成代码/
│ ├── [ 18M] 13-1应用打包Markers简介
│ ├── [ 26M] 13-2使用package命令生成可执行文件
│ ├── [ 20M] 13-3探究生成的asar文件格式
│ ├── [ 34M] 13-4使用makers生成安装包
│ └── [ 24M] 13-5使用AI完成应用的优化
└── 第14章 【项目实战第八步】使用Publishers进行发布&Cursor实现自动更新功能/
├── [ 15M] 14-1简介publish的概念和优点
├── [ 26M] 14-2使用Cursor自动创建GithubRelease
└── [ 32M] 14-3完成应用自动更新功能
└── 资料代码/