electron教程（二）控制应用程序的事件生命周期

1.will-finish-launching

当应用程序完成基础的启动的时候被触发，在 Windows 和 Linux 中, will-finish-launching 事件与 ready 事件是相同的; 在 macOS 中，这个事件相当于 NSApplication 中的 applicationWillFinishLaunching 提示。

app.on('will-finish-launching', () => {
  console.log('顺序1', '--will-finish-launching--');
})

2.ready

当 Electron 应用程序完成基础的初始化工作后，会触发 ready 事件，表示应用已经可以开始创建窗口和加载页面。

// app启动后创建窗口(初始化完成)
app.on('ready', () => {
  console.log('2', '--ready--');
})

// 等同于以下两种写法
// app.isReady().then(() => {
app.whenReady().then(() => {
  console.log('22', '--whenReady/isReady--');
})

3. window-all-closed

当所有的窗口都被关闭时触发，如果没有监听此事件并且所有窗口都关闭了，默认的行为是控制退出程序；但如果监听了此事件，可以控制是否退出程序。

app.on('window-all-closed', () => {
  console.log('3', '--window-all-closed--');
})

在Windows 系统中，如果应用程序因系统关机/重启或用户注销而关闭，那么以下4、5、6事件不会被触发 

4.before-quit

在程序关闭窗口前触发，但在 Windows 系统中，如果应用程序因系统关机/重启或用户注销而关闭，那么这个事件不会被触发。

app.on('before-quit', () => {
  console.log('4', '--before-quit--');
})

5. will-quit

当所有窗口被关闭后触发，同时应用程序将退出。

app.on('will-quit', () => {
  console.log('5', '--will-quit--');
})

 6.quit

在应用程序退出时触发。

app.on('quit', () => {
  console.log('6', '--quit--');
})

npm run build 启动项目，可以看到执行顺序如下：