Electron的学习过程介绍
新手入门Electron的问题解决记录和过程记录，结总结自己的各种尝试走过的弯路。
- 收到需要研究Electron的需求，第一想法是肯定有不少大佬已经实现，趟过坑了，照着写一个本地demo运行验证下最基本的功能应该没啥问题，事实上想的太简单了，惨招毒打，最后没搞出来，也可能是我能力有问题。
- 从掘金和CSDN，知乎上找到不少内容，找了说明从零开始创建Electron项目，基本都卡死在Electron的下载和安装，npm失败，安装cnpm命令，可以装成功
- 安装electron-builder，electron-devtools-installer，vite-plugin-electron，项目使用ts，安装ts，但是最后的vite配置文件一直报错，找不到对应的依赖
- 放弃自己搭建，找了个别人搭好的框架，[EE](electron-egg: 一个入门简单、跨平台、企业级桌面软件开发框架。 (gitee.com)),也是环境没有安装成功，且是使用js，最后也放弃
- 放弃走快捷通道的念头，老老实实从官网开始学习
- 先看Electron的版本发布记录发型版本信息
- 再看完官网的快速上手-3个小节内容，传送门
- 再看工具模块，一个是类似vscode的开发工具Electron Fiddle，另一个是脚手架，快速创建Electron项目脚手架入门 - Electron Forge，支持下面四种模板：
webpackwebpack-typescriptvitevite-typescript
- Electron Fiddle工具下载缓慢，有需要可以评论，百度网盘可以分享，快速获取。
- 看完上面就可以动手创建第一个electron项目，进到想要创建工程的文件夹目录下，执行命令：
- node -v
- npm -v
- vue -V 主要是检查环境
- npm init electron-app@latest electron-demo -- --template=vite-typescript
- cd electron-demo
- npm start
- npm install electron --save-dev （PS：这里可能没安装成功，多执行几次，切换镜像尝试，淘宝镜像，官网镜像-下载国外资源有时候反而能成功）
- npm start
- electron-demo内容
碎片化阅读，快餐式阅读，直接看总结和结论的今天，海量的信息中找到有价值和正确的资源，能认真看完这篇文章，有相同需求的同行你，希望节省你的时间。
