Electron初试

Electron初试

简介

1. electron使用html，css和JavaScript来构建块跨平台桌面应用程序（Mac，Windows和Linux）的一个开源库。
2. electron将Chromium和Node.js合并到同一个运行环境。
3. electron只使用了Chromium的渲染库而不是全部组件，这使得升级Chromium更加容易，但缺少了Google Chrome里的一些浏览器相关的特性。

构建开发环境

• electron应用本质上是一个Node.js应用程序，应用的入口是package.json文件.

1. 使用npm init初始化项目目录

npm init 
// 或者
npm init -y

2. 在package.json中编写一个start脚本

{
   
  "name": "helloelectron",
  "version": "1.0.0",
  "description": "",
  "main": "main.js",
  "scripts": {
   
    "start": "electron .",
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC"
}

3. 安装electron

npm install --save electron

了解进程

主进程

• 运行package.json中的main脚本的进程是主进程。
• 一个electron应用有且只有一个主进程。
• 主进程可以进行GUI相关的原生API操作。
• 主进程使用ipcMain模块接收渲染进程和向渲染进程发送消息。

渲染进程

• Electron 使用了 Chromium 来展示