介紹

• 官網

Electron是什么？

• Electron是一個使用 JavaScript、HTML 和 CSS 構建桌面應用程序的框架。 嵌入 Chromium 和 Node.js 到 二進制的 Electron 允許您保持一個 JavaScript 代碼代碼庫并創建 在Windows上運行的跨平臺應用 macOS和Linux——不需要本地開發 經驗。

為什么選擇Electron?

• Electron 是一個框架，使開發者能夠將 Web 技術(HTML、JavaScript、CSS)、Node.js 及原生代碼相結合，構建適用于 macOS、Windows 和 Linux 的跨平臺桌面應用程序。 它基于MIT開源許可證，對商業和個人用途均免費。

創建你的第一個桌面應用程序

• 初始化項目

npm init -y

• 安裝 Electron

npm install electron -S

• 創建main.js入口文件，示例代碼如下：

const { app, BrowserWindow } = require('electron')// 創建窗口
function createWindow() {// 主窗口const mainWin = new BrowserWindow({width: 1200,height: 800})// 在當前窗口中加載指定界面讓它顯示具體的內容mainWin.loadFile('./website/index.html')// 文本加載完成事件mainWin.webContents.on('dom-ready', () => {console.log('22222--------dom-ready');})// 監聽窗口加載完成事件mainWin.webContents.on('did-finish-load', () => {console.log('3333333--------did-finish-load');})// 監聽窗口關閉事件mainWin.on('close', () => {console.log('888888888--------close');mainWin = null // 釋放內存})
}app.on('ready', () => {console.log('11111111111----------ready');createWindow()
}) // 初始化完成后執行// 監聽所有窗口都關閉
app.on('window-all-closed', () => {console