使用electron创建应用程序的基础步骤
1.创建文件夹，并初始化
cd xxx-app
npm init
2.安装electron
npm install electron --save-dev3.根目录下创建index.html
<!DOCTYPE html>
<html><head><meta charset="UTF-8" /><!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP --><metahttp-equiv="Content-Security-Policy"content="default-src 'self'; script-src 'self'"/><metahttp-equiv="X-Content-Security-Policy"content="default-src 'self'; script-src 'self'"/><title>Hello from Electron renderer!</title></head><body><h1>Hello from Electron renderer!</h1><p>👋</p></body>
</html>4.创建入口文件main.js
const { app, BrowserWindow } = require('electron')const createWindow = () => {const win = new BrowserWindow({width: 800,height: 600})win.loadFile('index.html')
}app.whenReady().then(() => {createWindow()
})5.在package.json文件中添加启动项配置
"scripts": {"start": "electron ."},6.启动项目
npm run start