课程介绍
本课程采用最新前端技术栈: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完成应用自动更新功能
资料代码/
评论0