Electron教程（2）启动过程：主进程，渲染进程是什么

前言
最近自己有个小的需求，是做一个能编辑本地特定文本的工具，需要跨平台， Windows 和 macOS，这样，如果用原生开发的话，Windows 就要用 c# macOS 就要用 swift，学习成本高，并且学完用处也不是很大。
我本身是前端开发的，发现了这个 electron 能满足我的需求，跨平台运行，内部是 js 驱动的，简直就是如鱼得水。
顺便把学习的经历写出来，分享需要的人，我会按标题序号渐进式地编写内容。
如果你喜欢这个文章，欢迎点赞评论支持。

一、什么是 主进程 和 渲染进程

要想知道 electron 的启动过程，就需要知道 主进程、渲染进程分别是什么，因为 electron 就包含这两种进程

electron 项目根所有的 npm 项目一样，入口都是 package.json 中的 main 字段指定的 js，比如你指定的是 app.js。

  "main": "app.js",

electron 有两个类别的进程，一个是主进程，另一个是渲染进程

主进程：

• 启动后一直存在的，相当于一个树的主干
• 并不会展示出来，是看不到的
• 所有跟系统资源交互的操作都在这里进行
• 操控渲染进程，新建或销毁一个渲染进程

渲染进程：

• 渲染进程是一个个的浏览器窗口，就是用于展示
• 渲染进程就是能看到的界面
• 如果需要跟系统交互，就需要用 icpRenderer 跟主进程进行数据交互。

二、electron 程序启动的过程

1. electron 启动
2. 调用 app.js 文件，app.js 里面的内容就是 主进程 的内容，里面会有启动程序的代码
3. 创建一个浏览器窗口
   1. 在 app.js 里面新建一个渲染进程
   2. 把需要展示的首页 index.html 指定给这个窗口
4. 在 app.js 的程序启动代码块中添加上面创建的浏览器窗口即可