- 初始化:npm i electron -D (生成package.json文件)
- 配置main.js 创建主进程窗口
// 创建一个窗口 // 引入模块 // app模块 :控制应用的生命周期 const { app, BrowserWindow } = require('electron'); // path是node 内置模块 拼接路径 const path = require('path'); //1. 初始化应用之后,会触发监听 ready 事件 app.on("ready",ml_createrWindwo); // 定义全局变量 let win; // 创建窗口 // 自定义方法 function ml_createrWindwo () { // 创建窗口 win = new BrowserWindow({ webPreferences:{ nodeIntegration: true } }); // 加载内容 // 加载远程地址 // win.loadURL('http://www.baidu.com') // 加载本地 // __dirname :当前JS文件所在文件路径,绝对路径 // 相对路径 win.loadURL(path.join(__dirname,'./index.html')) // max 系统的 :win.loadURL(path.join('file://',__dirname,'./index.html')) // 调试工具 // webContents :控制渲染页面 也是window的一个属性 win.webContents.openDevTools(); // 关闭窗口 win.on('close',function () { //TODO: 关闭窗口前想做的事 win = null; }) }
-
运行的三种方式
-
electron main.js
-
electrom .
-
在package.json 添加一个脚本 运行 npm start
"scripts": { "start": "electron ." },