Electron的简介
Electron基于chromium和Node.js,让我们可以使用Javascript,HTML,CSS构建跨平台的桌面应用程序,同时Electron兼容Mac,Window,和Linux,可以构建出三个平台的应用程序
Electron的安装
- 运行cmd,
- 输入npm init,然后一直按enter换行即可
- 输入cnpm i electron -S (如果电脑没有安装cnpm会报错,需要安装cnpm,安装步骤:运行cmd,输入命令npm install -g cnpm --registry=https://registry.npm.taobao.org)
安装的是10.1.5的electron,cnpm i – S electron@10.1.5,新版本的remote取消了,所以使用老版本的
1.创建main.js文件
//app(控制应用程序的事件生命周期),BrowserWindow创建并控制浏览器窗口
const { app,BrowserWindow} = require('electron')
// 监听初始化完成的生命周期
app.on('ready', ()=>{
new electron.BrowserWindow({
width: 800,
height: 300
})
})
```
2.创建窗口
app.on('ready', ()=>{
const mainWindow = new BrowserWindow({
width: 800,
height: 500
})
mainWindow.loadFile('./index.html') //展示页面
})