Electron 学习

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')
})

主进程和渲染进程
定义原生菜单、顶部菜单
文件读取展示
定义快捷键
主进程和渲染进程通讯
打包