IT营Electron教程 Electron零基础从入门到精通,Electron学习路线
Electron介绍
Electron是一个跨平台的桌面应用开发框架，可以让我们用html css js的技术开发跨平台桌面上可以安装的软件。Electron是由Github开发的一个用HTML，CSS和JavaScript来构建跨平台桌面应用程序的一个开源库。此套Electron视频教程_Electron+Vue跨平台桌面软件开发视频教程由IT营大地老师精心录制，从Electron入门到Electron项目实战，手把手教学，零开始一步一步让你学会 Electron基础、 Electron模块、以及 Electron+Vue、Electron+React、Electron+Angular开发跨平台可以安装的桌面应用。
IT营Electron教程 Electron零基础从入门到精通
Electron教程涉及的内容有Electron环境搭建、调试、Electron 运行流程、主进程渲染进程、Electron中使用H5的Api、Electron中使用Nodejs、以及Electron 中的模块remote模块、Electron主进程渲染进程通信、Electron渲染进程和渲染进程通信、BrowserWindow模块、Menu模块、shell 模块、dialog、自定义关闭菜单、GlobalShortcut、托盘、网络通知、…等等。在学完Electron基础以及Electron Api以后讲解了一个Electron简易记事本代码编辑器项目，强化了前面的知识点。Electron简易记事本代码编辑器项目完成后讲了Electron+Vue、Electron+Angular、Electron+React的使用、还讲了如何配置Electron builder，以及使用Electron builder打包exe软件、打包Mac（苹果电脑）的dmg软件、并送Socket.io教程。Electron基础讲完后用前面学的东西打造了一款舆情监控系。
Electron学习路线
Electron在线学习：https://www.bilibili.com/video/BV1Ub4y1n7YB
01 Electron 跨平台桌面软件开发介绍 Electron环境搭建
02 使用快速启动Demo搭建Electron项目、electron-forge创建Electron项目、Electron项目目录结构分析
03 手动搭建electron项目 以及 项目中配置eslint
04 Electron 运行流程、主进程渲染进程、主进程和渲染进程使用Nodejs、通过nodejs读取本地文件、开启调试模式
05 Electron 调用h5的拖放api 结合nodejs fs实现拖放打开文件功能
06 Electron 模块介绍、remove模块、通过BrowserWindow 打开新窗口 Content-Security-Policy
07 Electron中自定义软件顶部菜单、自定义右键菜单、绑定快捷键
08 Electron主进程与渲染进程通信(同步通信、异步通信) 以及通过主进程渲染进程通信改造右键菜单demo
09 Electron渲染进程与渲染进程之间的通信 BrowserWindow webContents
10 Electron Shell 模块在用户默认浏览器中打开URL 以及Electron DOM webview 标签 自定义Menu导航改变webview url
11 Electron dialog 弹出框 dialog同步方法异步方法
12 Electron实现一个类似EditPlus的简易记事本代码编辑器【小小项目（一）】顶部菜单、右键菜单
13 通过nodeman模块配置Electron项目热加载【小小项目（二）】
14 Electron简易记事本代码编辑器【小小项目（三）】 打开文件 保存文件
15 Electron简易记事本代码编辑器【小小项目（四）】 新建文件 、打开文件、保存文件（优化）
16 Electron 简易记事本代码编辑器 设置菜单快捷键、打印文件、查找文件、退出APP【小小项目（五）】
17 Electron 简易记事本编辑器 使用CodeMirror实现代码高亮
18 Electron系统托盘 托盘右键菜单、托盘图标闪烁 点击右上角关闭按钮隐藏到托盘（杀毒软件任务栏托盘）
19 Electron实现消息通知、监听网络变化、网络变化弹出通知框
20 Electron 注册全局快捷键（globalShortcut） 以及 clipboard剪切板事件（实现类似播放器点击机器码自动复制功能）
21 Electron第三方模块electron-log的使用以及使用electron-log把日志保存到远程服务器
22 Electron-Vue3 Electron中集成Vue3 Vue3中使用Nodejs模块Electron模块 以及模块化创建顶部菜单
23 Electron-Vue3 中集成Typescript 配置路由 配置Sass 配置Remote模块
24 Electron-Vue3 Windows环境 正式打包项目 配置打包参数 配置应用信息
25 Electron-Vue3 Mac环境 正式打包项目 配置打包参数 以及无开发者证书打包
26 Electron-Angular 创建项目 项目介绍 配置路由 Angular使用Nodejs模块Electron模块
27 Electron-Angular 创建顶部菜单 配置Remote模块
28 Electron-Angular Windows Mac环境 正式打包项目 配置打包参数 配置应用信息
29 Electron-React 手动在React项目中集成Electron通过concurrently 和wait-on优化启动过程
30 Electron-React React中使用nodejs模块 Electron模块 配置Remote模块
31 Electron-React Windows Mac环境 正式打包项目 配置打包参数 配置应用信息
32 Electron-React Mac环境 正式打包项目 配置打包参数 以及无开发者证书打包
33 Electron 自定义拖拽导航 隐藏顶部菜单 隐藏关闭按钮、自定义关闭 最大化 最小化按钮
34 Electron中集成Vue3舆情监控系统
35 Electron-Vue3舆情监控系统布局优化 sheel模块打开外部浏览器、页面监听右键菜单
36 Electron-Vue3舆情监控系统系统托盘 点击右上角关闭按钮隐藏到托盘（仿网易邮箱任务栏托盘）
37 Electron-Vue3舆情监控关闭项目退出登录 socket.io 异步通知服务器主动给客户端发送消息 实现 electron 消息通知
