Electron进程和调试方法
进程
Electron进程分为主进程和渲染进程
-
主进程：
electron运行package.json的main脚本的进程就是主进程。
主进程通过创建web页面展示用户界面，创建窗口等所有系统事件都在主进程中进行；
一个electron项目一定有且只有一个主进程。 -
渲染进程：
用户所能看到的web页面或者说窗口都是渲染进程，一个web页面就是一个渲染进程。
每个渲染进程都是独立的，只作用于自己运行的界面。 -
主进程和渲染进程的区别：
主进程可以创建页面（窗口），一般通过BrowserWindow创建，这个页面就是一个渲染进程；渲染进程不能创建页面；
每个BrowserWindow实例都在自己的渲染进程中运行, 当BrowserWindow实例被销毁后, 相应的渲染进程也会被终止。 -
主进程和渲染进程之间可以通信
调试方法
调试方法有不用开发工具的调试和使用开发工具调试。不用编译器调试的方法一般是使用命令行和浏览器进行调试，主进程和渲染进程的调试方法会有所不同。
不用开发工具的调试
好处：只要有浏览器就能进行调试，不需要下载开发工具
缺点：不太方便
渲染进程调试
首先在cmd.exe中执行npm start命令运行项目，然后就能看到项目建立的第一个窗口了（也就是第一个渲染进程）。在上方的菜单栏中点击View—>Toggle Developer Tools打开开发者工具（快捷键shift+ctrl+i）,这个开发者工具与浏览器的开发者工具是一样的。可以在开发者工具中调试渲染进程。
主进程调试
利用启动命令行开关，配合浏览器调试：
–inspect=[port]
其中port是端口号，将这个命令加在package.json的start命令中的electron之后，如：“start”: “electron --inspect=8083 .”
修改完之后打开浏览器，输入地址：chrome://inspect，找到configure按钮，点击后在里面输入端口号：localhost:[port]，比如我填的8083，那就填写localhost：8083，然后点击done
然后在cmd.exe中npm start运行，就能看到下方会出现一个inspect按钮，点击后就能进行调试了
使用开发工具调试
推荐使用VSCode进行调试。
资源