Electron基本简介
如果你可以建一个网站,你就可以建一个桌面应用程序。Eletron 是一个使用 JavaScript, HTML和 CSS等Web 技术创建原生程序的框架,它负责比较难搞的部分,你只需把精力放在你的应用的核心上即可。
- Electron 可以让你使用纯 JavaScript调用丰富的原生 APIS 来创造桌面应用。你可以把它看作是专注于桌面应用。
- 在PC端桌面应用开发中,nwis和electron都是可选的方案,它们都是基于chromium和Node的结合体而electron相对而言是更好的选择方案,它的社区相对比较活跃,bug比较少,文档先对利索简洁。
- electron 相对来说比 nwjs谱。有一堆成功的案例: Atom 编辑器 VisualStudio CodeWordPress 等等。。
- Node.js 的所有内置模块都在Electron中可用
Electron是由GitHub众多开发者开发的一个开源项目,能够使用 JavaScript,HTML和CSS 构处跨平台的桌面应用程序。
快速上手
初始化 package.json 文件
- npm init
安装 electron
- cnpm I electron -S
app:控制应用程序的事件生命周期
const { app,BrowserWindow } = require( 'electron' )
app.on('ready',() => {const mainwindow = new BrowserWindow({width: 500,height: 500})mainwindow.loadFile('./src/index.html')
})
主进程和渲染进程
定义原生菜单、顶部菜单
文件读取展示
定义快捷键
主进程和渲染进程通讯
打包