课程简介:

本课程将由慕课网名师采用最新前端技术栈 :Vue3.5 、 Electron、TS、 Vite、Pinia、Radix Vue、IndexedDB、 Dexie.js ,与多种知名AI大模型(文心一言/通义千问/ Claude /Deepseek),手把手带你开发一个跨平台的 AI 桌面聊天应用,同时教你用Cursor辅助开发倍速提升开发效率。无论你是初涉 AI 领域的新手,还是渴望突破前端技能瓶颈的进阶者,这门课程都将助力你构建未来核心竞争力,让你在 AI 浪潮中抢占先机 。

你将学到:

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

试看链接:https://pan.baidu.com/s/1cZgvVxeBTHXr7i3qVOzycA?pwd=m15x

相关推荐:

Electron+React+七牛云 实战跨平台桌面应用(完结)

Vue3 + TS + Leafletjs 打造企业级原神大地图【完结】

Electron+Vue3+AI+云存储–实战跨平台桌面应用【完结】

Vue3.3 + TS4 ,自主打造媲美 ElementPlus 的组件库(完结)

Springboot3+Vue3实现副业(创业)智能语音项目开发(完结)

目录大纲:

.
├──  第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创建第一个窗口
│   ├── @优库it资源网ukoou.com
│   ├── [ 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)持久化数据/
│   ├── [ 20M]  9-1分析和选取存储的解决方案
│   ├── [ 34M]  9-2学习Dexie.js的基本用法
│   ├── [ 50M]  9-3信息创建第一部分
│   ├── [ 32M]  9-4完成对话和信息的创建第二部分
│   ├── [ 46M]  9-5调用大模型并且返回数据第一部分
│   ├── [ 31M]  9-6调用大模型完成信息更新第二部分
│   └── [ 28M]  9-7调用大模型完成信息更新第三部分
├──  第10章 【项目实战:第四步】使用 Pinia 完成应用状态管理/
│   ├── [ 42M]  10-1什么是Pinia以及State基础概念
│   ├── [ 46M]  10-2学习Pinia的actions和getters
│   ├── [ 40M]  10-3改造MessageStore
│   ├── [ 46M]  10-4使用Pinia创建应用的整体store
│   └── [ 45M]  10-5使用Pinia替换Dexie.js
├──  第11章 【项目实战:第五步】应用进一步功能完善(markdown、法高亮、读图功能)/
│   ├── [ 34M]  11-1渲染Markdown文本
│   ├── [ 28M]  11-2添加TailwindTypography插件
│   ├── [ 29M]  11-3使用Highlight.js完成语法高亮
│   ├── [ 29M]  11-4功能优化:自动滚动到信息最下方
│   ├── [ 27M]  11-5优化信息获取时的滚动优化
│   ├── [ 50M]  11-6添加使用图片聊天功能第一部分
│   ├── [ 54M]  11-7发送图片信息编码第二部分
│   ├── [ 48M]  11-8添加图片处理第三部分
│   ├── [ 51M]  11-9图片处理第四部分-显示图片
│   ├── [ 30M]  11-10添加读图功能第五部分
│   ├── [ 38M]  11-11重构不同模型返回数据方式
│   ├── [ 27M]  11-12简介可迭代对象
│   ├── [ 25M]  11-13简介generator函数
│   ├── [ 20M]  11-14学习使用异步可迭代对象
│   ├── [ 24M]  11-15重构通用模型-添加通用数据处理
│   ├── [ 36M]  11-16最终实现通用模型类的重构
│   └── [ 26M]  11-17课后作业:添加deepseek大模型支持
├──  第12章 【项目实战:第六步】 Cursor编辑器自动生成代码,完成配置页面国际化/
│   ├── [ 20M]  12-1添加配置页面需求分析
│   ├── [ 42M]  12-2初识Cursor并使用它完成第一个需求开发
│   ├── [ 21M]  12-3使用Cusror完成配置文件的后端开发
│   ├── [ 39M]  12-4完善设置页面-生成对应表单及更新功能
│   ├── [ 36M]  12-5使用CursorComposer开发国际化功能
│   ├── [ 21M]  12-6使用Cursor的读图功能完成模型界面第一部分
│   ├── [ 50M]  12-7使用CursorComposer分步实现动态表单
│   ├── [ 44M]  12-8使用Cursor自动补全完成错误信息添加
│   ├── [ 37M]  12-9使用AI创建应用菜单第一部分
│   ├── [ 38M]  12-10使用AI完成顶部菜单功能第二部分
│   └── [ 36M]  12-11使用AI完成上下文菜单删除对话
├──  第13章 【项目实战:第七步】使用Markers进行打包&使用CursorAI生成代码/
│   ├── [ 21M]  13-1应用打包Markers简介
│   ├── [ 28M]  13-2使用package命令生成可执行文件
│   ├── [ 21M]  13-3探究生成的asar文件格式
│   ├── [ 36M]  13-4使用makers生成安装包
│   └── [ 24M]  13-5使用AI完成应用的优化
└──  第14章 【项目实战第八步】使用Publishers进行发布&Cursor实现自动更新功能/
    ├── [ 18M]  14-1简介publish的概念和优点
    ├── [ 28M]  14-2使用Cursor自动创建GithubRelease
    └── [ 35M]  14-3完成应用自动更新功能
本课程已完结