知识点

Electron 零碎

1. 安装

环境 node 和 npm

  • npm init : 初始化项目，生成 package.json 文件
  • npm install electron --save-dev : 安装

一般会报错，首先更换 taobao 镜像，安装 chromedriver 

1
2
npm config set registry https://registry.npm.taobao.org
npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver

安装完成查看版本

1
2
3
npx electron -v
# 或者到项目目录下 ./node_modules/.bin 执行
electron -v

启动，之后会弹出相应页面

1
2
# 到项目目录下 ./node_modules/.bin 执行
electron

2. hello world

  • 创建 index.html
  • 创建 main.js
  • npm init 生成 package.json
  • electron main.js 启动，前提是 electron 需要全局安装 npm install -g electron

3. 运行流程

  1. 在 package.json 中，找到入口文件，此时是 main.js
  2. main.js 主进程中创建渲染过程
  3. 读取应用样式和布局
  4. 使用 IPC 在主进程执行任务并获取信息