Electron学习笔记（三）—— 环境搭建 【手动搭建】

步骤

step1:

新建一个文件夹

step2:

新建一个index.html 和一个main.js

step3:

npm init 生成一个package.json

npm init --yes

  注意：package.json里面配置的main属性的值 必须是main.js

step4：

在main.js写如下代码

//主进程

//引入electron模块
var  electron = require('electron');

//创建electron引用
var app = electron.app;

//创建electron BrowserWindow的引用
var BrowserWindow = electron.BrowserWindow


//变量 保存对应窗口的引用
var mainWindow = null

app.on('ready',()=>{
    //创建BrowserWindow实例，赋值给win打开窗口
    mainWindow = new BrowserWindow({width:400,height:400});

    //把index.html加载到窗口里面
    mainWindow.loadFile('index.html'); 

    mainWindow.on('close',()=>{
        mainWindow = null
    })
})

step5:生成窗口

终端输入命令

electron .

然后生成窗口