这门课解决什么工作场景与痛点

想做一个桌面软件,却不想被 Windows、macOS、Linux 的原生开发环境劝退?这门课就是为解决这种跨平台开发难题设计的。它以 Electron 为核心,结合 Vue3 的现代化前端架构,并引入 AI 能力和云存储接口,教你如何构建一个既有原生软件体验,又能通过浏览器技术实现快速迭代的桌面应用。对于职场人来说,这不仅能解决“如何在单一代码库下适配多端系统”的技术痛点,还能通过接入 AI 模型,为应用增加智能交互功能,从而提升产品的技术壁垒。课程重点在于实战,通过一个完整的项目流程,带你攻克 Electron 主进程与渲染进程通信、多端兼容性适配以及安全性配置等关键工作场景,让你真正具备交付企业级桌面应用的能力。

学完能独立做什么,资料适合什么基础

学完这套资料,你不需要再依赖现成的脚手架,而是具备独立从零搭建 Electron 桌面应用的能力。具体来说,你能独立完成:1. 搭建跨平台桌面开发环境并解决启动、打包、分发问题;2. 使用 Vue3 的 Composition API 在 Electron 中构建复杂的 UI 界面,并实现主进程与渲染进程的高效通信;3. 将本地 AI 能力(如大模型调用或本地推理)集成到桌面应用中,打造智能交互功能;4. 对接云存储服务,实现文件的上传、下载与管理。这套资料适合有一定前端开发基础(熟悉 JavaScript/TypeScript、Vue3 基础语法)的上班族或转行者。如果你是纯小白,建议先补齐前端基础再入手,否则在处理组件通信和状态管理时会比较吃力。

建议先看哪几块,资料怎么配合练习

建议先从项目的基础架构搭建和核心配置入手,这部分决定了后续开发的效率。先重点学习如何初始化 Electron 项目、配置打包工具(如 electron-builder)以及处理多端窗口逻辑。随后,重点攻克“渲染进程与主进程通信”这一难点,这是 Electron 开发中最高频出错的地方。在资料的使用上,不要只看视频,要对照源码进行修改。建议先运行提供的完整项目模板,理解目录结构和入口文件,然后尝试修改界面元素或增加一个简单的功能模块(例如增加一个本地文件选择框并读取内容)。最后,利用资料中的 AI 配置部分,尝试替换为你自己的 API Key,跑通云端调用流程,这才是从“看懂”到“会用”的关键步骤。

课程目录

├── 第1章 Electron桌面应用实战–课程导学/ │ └── [ 10M] 1-1课程导学 ├── 第2章 开启项目前的准备工作/ │ ├── [ 12M] 2-1项目需求分析 │ ├── [6.7M] 2-2桌面端跨平台开发框架介绍 │ └── [ 15M] 2-3技术栈选型介绍 ├── 第3章 Electron基础快速入门/ │ ├── [2.4M] 3-1本章介绍 │ ├── [8.1M] 3-2关于Electron的前世今生 │ ├── [8.1M] 3-3Electron环境搭建 │ ├── [9.4M] 3-4创建第一个Electron项目 │ ├── [ 12M] 3-5创建第一个BrowserWindow窗口 │ ├── [4.1M] 3-6详解渲染进程与主进程 │ ├── [ 34M] 3-7主进程与渲染进程的通信 │ ├── [ 36M] 3-8预加载脚本preload的使用 │ ├── [ 37M] 3-9使用WebView进行第三方网页嵌入(一) │ ├── [ 43M] 3-10使用WebView进行第三方网页嵌入(二) │ └── [1.9M] 3-11本章总结 ├── 第4章 选修内容 – Vue3基础快速入门/ │ ├── [2.3M] 4-1本章介绍 │ ├── [2.7M] 4-2关于Vite的详细介绍 │ ├── [5.9M] 4-3创建第一个基于Vite的Vue3项目 │ ├── [ 53M] 4-4详解Vue2和Vu3的区别(一) │ ├── [ 57M] 4-5详解Vue2和Vu3的区别(二) │ ├── [ 14M] 4-6认识Vue3生命周期 │ ├── [ 59M] 4-7Vue3组件与自定义组件(一) │ ├── [ 69M] 4-8Vue3组件与自定义组件(二) │ ├── [ 38M] 4-9Vue-Router介绍及使用(一) │ ├── [ 50M] 4-10Vue-Router介绍及使用(二) │ ├── [ 44M] 4-11Vue-Router介绍及使用(三) │ ├── [ 31M] 4-12Pinia状态管理器介绍及使用(一) │ ├── @www. │ ├── [ 41M] 4-13Pinia状态管理器介绍及使用(二) │ ├── [ 11M] 4-14Vue-DevTools介绍及使用 │ └── [1.5M] 4-15本章总结 ├── 第5章 Electron+Vue大融合/ │ ├── [2.0M] 5-1本章介绍 │ ├── [ 17M] 5-2融合搭建Electron+Vue项目 │ ├── [7.8M] 5-3融合后的常见问题解决 │ ├── [6.4M] 5-4成功运行第一个Vue3的桌面应用 │ └── [1.3M] 5-5本章总结 ├── 第6章 一个登录引发的“血案” 登录背后的流程/ │ ├── [4.1M] 6-1本章介绍 │ ├── [ 30M] 6-2登录界面静态部分开发 │ ├── [6.8M] 6-3网络请求的来龙去脉 │ ├── [7.3M] 6-4前后端分离项目的网络请求要注意哪些? │ ├── [ 45M] 6-5发起第一个网络请求-登录(一) │ ├── [ 45M] 6-6发起第一个网络请求-登录(二) │ ├── [ 46M] 6-7封装“FetchRequest”库(一) │ ├── [ 45M] 6-8封装“FetchRequest”库(二) │ ├── [ 51M] 6-9封装“FetchRequest”库(三) │ ├── [ 38M] 6-10封装“XMLRequest”库 │ ├── [ 48M] 6-11登录持久化(一) │ ├── [ 61M] 6-12登录持久化(二) │ ├── [ 38M] 6-13【功能优化】弹出登录提示及惰性函数的使用(一) │ ├── [ 38M] 6-14【功能优化】弹出登录提示及惰性函数的使用(二) │ └── [2.6M] 6-15本章总结 ├── 第7章 桌面应用主界面开发实战/ │ ├── [1.9M] 7-1本章介绍 │ ├── [4.4M] 7-2主界面静态部分开发 │ ├── [ 35M] 7-3设置程序的托盘图标 │ ├── [ 62M] 7-4设置程序的快捷键键 │ └── [2.8M] 7-5本章总结 ├── 第8章 人员管理功能实战 – Excel操作与加数据压缩传输/ │ ├── [2.0M] 8-1本章介绍 │ ├── [ 27M] 8-2人员管理功能静态部分开发 │ ├── [ 40M] 8-3从Excel文件导入人员数据(一) │ ├── [ 50M] 8-4从Excel文件导入人员数据(二) │ ├── [ 44M] 8-5大量数据的场景下的数据压缩传输 │ ├── [ 47M] 8-6隐私信息的加密传输 │ ├── [ 46M] 8-7导出人员数据到Excel文件 │ └── [2.5M] 8-8本章总结 ├── 第9章 云盘功能实战 – 阿里云接入与文件复杂功能操作/ │ ├── [4.1M] 9-1本章介绍 │ ├── [ 17M] 9-2云盘功能静态部分开发 │ ├── [ 20M] 9-3OSS存储介绍与开通 │ ├── [ 49M] 9-4阿里云OSS的文件上传与下载(一) │ ├── [ 58M] 9-5阿里云OSS的文件上传与下载(二) │ ├── [ 54M] 9-6阿里云OSS的文件上传与下载(三) │ ├── [ 62M] 9-7大文件分片上传(一) │ ├── [ 66M] 9-8大文件分片上传(二) │ ├── [ 54M] 9-9断网了?文件断点续传(一) │ ├── [ 47M] 9-10断网了?文件断点续传(二) │ ├── [ 53M] 9-11断网了?文件断点续传(三) │ ├── [ 40M] 9-12大文件分片下载(一) │ ├── [ 43M] 9-13大文件分片下载(二) │ ├── [ 71M] 9-14又断网了?文件断点下载 │ └── [ 34M] 9-15Electron文件拖放 ├── 第10章 知识库功能实战 – 接入大语言模型/ │ ├── [2.1M] 10-1本章介绍 │ ├── [ 11M] 10-2【页面布局】知识库功能静态部分开发 │ ├── [ 64M] 10-3【富文本编辑器】富文本编辑器集成 │ ├── [ 17M] 10-4【大语言模型】大语言模型介绍与开通 │ ├── [ 70M] 10-5【大语言模型】接入大语言模型,创建AI助手 │ ├── [ 20M] 10-6【大语言模型】使用大语言模型提示工程,创建翻译应用 │ └── [1.8M] 10-7本章总结 ├── 第11章 允许第三方开发者加入 – &微应用&/ │ ├── [2.4M] 11-1本章介绍 │ ├── [ 10M] 11-2【页面布局】微应用静态静态部分开发 │ ├── [ 70M] 11-3【Electron微应用】让系统支持微应用 │ ├── [ 30M] 11-4【Electron微应用】允许微应用调用特定API │ └── [1.2M] 11-5本章总结 ├── 第12章 桌面应用打包发布/ │ ├── [2.3M] 12-1本章介绍 │ ├── [ 14M] 12-2【electron打包发布】如何处理跨平台兼容问题 │ ├── [ 50M] 12-3【electron打包发布】项目打包&解决打包时候出现的问题(一) │ └── [ 56M] 12-4【electron打包发布】项目打包&解决打包时候出现的问题(二) └── 第13章 Eelectron实战–课程总结/ └── [9.0M] 13-1课程总结 └── 资料代码/