获取资料

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

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

课程介绍

本课程采用最新前端技术栈: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

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址