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

1hua · · 15 次点击 · · 开始浏览    

课程简介

这是一门专注于开发跨平台 AI 桌面聊天应用的实战课程,结合了 Vue.js(前端框架)、Electron(桌面应用框架)和大语言模型(LLM)技术。课程旨在帮助学员从零到一构建一个功能完整的桌面聊天应用,同时掌握前沿技术的应用。

课程目标

  1. 技术栈掌握:帮助学员掌握 Vue 3.5、Electron 和大语言模型的结合使用。
  2. 项目实战能力:通过开发一个完整的跨平台 AI 桌面聊天应用,提升学员的实战能力。
  3. 前沿技术应用:让学员了解并应用最新的前端技术和 AI 模型,提升竞争力。

课程内容

课程共分为 14 章,内容涵盖从基础到实战的完整开发流程:

基础部分

获课:keyouit.xyz/14245/

获取ZY↑↑方打开链接↑↑

  1. 课前准备:介绍课程内容、学习建议和注意事项。
  2. AI 时代的职业前景:探讨 AI 时代程序员的职业发展。
  3. TypeScript 基础:学习 TypeScript 的核心语法和优势。
  4. Vue 3.5 基础:介绍 Vue 3.5 的新特性和 Composition API。
  5. Electron 入门:讲解 Electron 的基础用法和开发环境搭建。

项目搭建

  1. 项目框架搭建:使用 Electron Forge 作为脚手架,引入 Tailwind.css 和 Radix Vue。
  2. Vue Router 实现路由功能:开发多页面应用并实现页面跳转。

核心功能开发

  1. 大模型接入:学习如何接入百度、阿里等大模型 API。
  2. 数据持久化:使用 Dexie.js(IndexedDB)实现数据持久化。
  3. 状态管理:使用 Pinia 创建全局状态管理。

高级功能实现

  1. 功能完善:支持 Markdown、语法高亮、读图功能。
  2. 配置页面与国际化:使用 Cursor AI 编辑器自动生成代码。
  3. 应用打包:使用 Electron Builder 进行打包。
  4. 应用发布与自动更新:使用 Publishers 发布应用并实现自动更新。

课程特点

  1. 实战性强:通过完整项目开发,帮助学员将理论知识应用于实际。
  2. 技术前沿:结合 Vue 3.5、Electron 和大语言模型,紧跟技术趋势。
  3. 项目完整:覆盖从项目搭建到功能实现、性能优化和打包部署的全流程。
  4. 拓展性强:课程提供额外的拓展功能开发,帮助学员提升项目复杂度。

适合人群

  1. 前端开发者:希望掌握 Vue 3.5 和 Electron 的开发者。
  2. AI 应用开发者:对大语言模型应用开发感兴趣的技术人员。
  3. 全栈开发者:希望通过一个完整项目提升跨平台应用开发能力的开发者。

课程资源

课程提供配套电子书、项目源码和视频教程,帮助学员更好地学习和实践

15 次点击  
加入收藏 微博
添加一条新回复 (您需要 登录 后才能回复 没有账号 ?)
  • 请尽量让自己的回复能够对别人有帮助
  • 支持 Markdown 格式, **粗体**、~~删除线~~、`单行代码`
  • 支持 @ 本站用户;支持表情(输入 : 提示),见 Emoji cheat sheet
  • 图片支持拖拽、截图粘贴等方式上传