Electron学习入门

1、electronappelectron

2、package.jsonscriptstartelectron .

Electron应用结构

主进程

Package.jsonmainweb

渲染进程

Electron Chromium 来展示 web Chromium Electron web Electron Node.js API

BrowserWindow BrowserWindow BrowserWindow

webweb

GUI API web GUI web GUI GUI

ElectronAPI

APIAPI

requireElectronAPI

, ElectronremoteAPIBrowserWindowremote

Node.js API

ElectronNode.js

Node.jsAPIElectronElectron

Node.jsnpm npm Electron

调试应用

1

ChromiumBrowserWindowBrowserViewWebViewBrowserWindowwebContentsopenDevTool()API

const { BrowserWindow } = require('electron')

let win = new BrowserWindow()

win.webContents.openDevTools()Copy

2

, Node.jsChromiumElectronrequire

打包

npm install electron-packager -g

配置打包命令

"scripts": {

打包的时候可以规定目标文件的名称