Electron学习

Electron的简介

Electron基于chromium和Node.js，让我们可以使用Javascript,HTML,CSS构建跨平台的桌面应用程序，同时Electron兼容Mac,Window,和Linux,可以构建出三个平台的应用程序

Electron的安装

1. 运行cmd,
2. 输入npm init，然后一直按enter换行即可
3. 输入cnpm i electron -S   （如果电脑没有安装cnpm会报错，需要安装cnpm，安装步骤：运行cmd，输入命令npm install -g cnpm --registry=https://registry.npm.taobao.org）

安装的是10.1.5的electron，cnpm i – S [email protected],新版本的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')  //展示页面

})