Electron（1）概述

序言

Main Process 模块

• app
• autoUpdater
• BrowserView
• BrowserWindow
• contentTracing
• 对话框
• 系统快捷键
• inAppPurchase
• ipcMain
• Menu
• MenuItem
• 网络
• netLog
• nativeTheme
• 通知
• 电源监视器
• 省电拦截器 | powerSaveBlocker
• protocol
• screen
• session
• systemPreferences
• 触控板
• Tray
• webContents
• webFrameMain

Renderer Process 模块

• contextBridge
• desktopCapturer
• ipcRenderer
• remote
• webFrame

两种进程都可用的模块

• 剪贴板
• crashReporter
• nativeImage
• shell

创建 BrowserWindow

进程间的通信

使用IPC进行通信 DevTron

# Install Devtron
$ npm install --save-dev devtron

// Run the following from the Console tab of your app's DevTools
require('devtron').install()
// You should now see a Devtron tab added to the DevTools

使用remote 实现跨进程访问 

enableRemoteModule: true,

nodeIntegration: true,

electron-vue

Electron Builder

Debugtron Dexie Jimp

Kiosk自助机服务

print打印

调用第三方dll

多语言

多主题

electron-api-demos

webpack

electron-webpack

live-reload

HMR  hot module replacement

PIXiJS

fs-extra

lowdb lodash

electron-store

WebRTC

Concurrently

包体积优化

其他

nodemon是一种工具，可以自动检测到目录中的文件更改时通过重新启动应用程序来调试基于node.js的应用程序。

npm install -g nodemon或npm install --save-dev nodemon

package.json "start": "nodemon --watch main.js --exec \"electron .\""

资料

Electron 文档

Electron 中文文档

Electron实战：入门、进阶与性能优化

Electron社区