1、支持win7的Electron 的版本是18,這里node.js用的是14版本(node-v14.21.3-x86.msi)云盤有安裝包
Electron 18.x (截至2023年仍在維護中):
Chromium: 96
Node.js: 14.17.0
2、安裝node環境,node-v14.21.3-x86.msi雙擊運行選擇安裝位置,都是下一步
成功后node和npm都已經安裝好了
3、新建文件夾,用來放項目文件
運行
npm init
然后一路回車
4、配置npm使用阿里云鏡像
首先,你需要設置npm的registry為阿里云的鏡像。你可以通過以下命令來配置:
npm config set registry https://registry.npmmirror.com
5、安裝electron18 版本文件內容
npm install electron@18.0.0 --save-dev
然后這里面有了一堆文件,就是安裝electron成功了,否則就重新運行 install 命令,
6、文件配置
package.json
{"name": "eledemo","version": "1.0.0","description": "","main": "main.js","scripts": {"start": "electron .","test": "echo \"Error: no test specified\" && exit 1"},"author": "","license": "ISC","devDependencies": {"electron": "^18.0.0"}
}
main.js
const { app, BrowserWindow ,Menu } = require('electron')const createWindow = () => {const win = new BrowserWindow({width: 800,height: 600})
// 把頂部自帶的默認菜單去掉設置為nullMenu.setApplicationMenu(null)win.loadFile('index.html')
}app.whenReady().then(() => {createWindow()
})
7、運行程序
npm start
demo 程序運行成功