Electron 是由 Github開發的開源框架
它允許開發者使用Web技術構建跨平台的桌面應用
Electron = Chromium + Node.js + Native API
首先要先去安裝node環境
官網地址：https://nodejs.org/zh-cn/
接下來開始安裝Electron
cnpm install -g electron
這里已經要使用cnpm安裝，如果想用npm安裝會特別慢，除非FQ
初始化一個項目
在你的桌面新建一個文件
-創建一個html文件
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> 你好 </body> </html>
創建一個js文件
const electron = require('electron') //引入electron模塊
var app = electron.app //創建electron引用
var BrowserWindow = electron.BrowserWindow; //創建窗口引用
var mainWindow = null; //聲明要打開的主窗口
app.on('ready', () => {
mainWindow = new BrowserWindow({
width: 900,
height: 900
}) //設置窗口的大小
mainWindow.loadFile('index.html'); //要加載的文件
//監聽關閉事件，在把主窗口設置位null
mainWindow.on('closed', () => {
mainWindow = null;
})
})
寫完后直接使用npm init --yes來初始化package.json文件
運行項目
直接在控制台輸入
electron .
就可以打開了
已經就是electron環境搭建和使用