**渲染进程调试**
![](https://img.kancloud.cn/93/07/9307e7f5f238c8cf06e35ffc75705c7f_624x233.png)
**主进程调试**
将 start参数的electron .改成 `electron --inspect=5858 .`数字为任意端口
![](https://img.kancloud.cn/bb/71/bb71717672f226d236cf78e182093bba_459x59.png)
npm start重新启动,显示如下
![](https://img.kancloud.cn/a0/c5/a0c596ea7f83feaeefe0e5f45fdea825_749x125.png)
然后打开浏览器,在地址栏输入chrome://inspect 点击configure输入localhost:5858进行配置
![](https://img.kancloud.cn/f0/83/f0836b8b4cfbf79dc5bea39ea079333c_880x574.png)
npm start重新启动,浏览器
![](https://img.kancloud.cn/04/e1/04e15998dd1d7ee035d63790ddeef7f8_747x428.png)
点击inspect
![](https://img.kancloud.cn/e3/a2/e3a2632bb0a5f9117b4fda9a42e59fda_1033x252.png)
ctrl+p 选中主进程文件这里是main.js
可以点击行号进行断点调试
![](https://img.kancloud.cn/58/77/587746feadf54cb2127f36bdeafecad0_1046x220.png)
- npm
- 基础
- Api
- 安装
- node_modules本地安装与全局安装
- Inspector
- 模块
- hello world
- 使用nodejs开发桌面客户端应用
- Electron
- api
- 使用 Node.js 的 API
- 事件
- 安装
- 调试
- 读取本地文件
- 调用Html5的拖放api
- 官方示例下载
- WebView内嵌窗口
- window.open弹出子窗口及其操作
- BrowserWindow渲染主窗口
- 主进程与渲染进程的通信
- 菜单
- 网络
- 与react结合
- 打包
- 前言
- 对比
- electron-forge
- 打包工具一:electron-packager
- 打包工具二:electron-builder
- Boilerplates样板工程
- 通用配置文档
- NW.js
- 阿斯达岁的
- npm install、npm install --save与npm install --save-dev区别