admin 发表于 2018-9-17 18:47:25

electron环境搭建_手动搭建一个electron项目

1、新建一个项目目录   例如:electrondemo01
2、在electrondemo01目录下面新建三个文件:   index.html、main.js 、package.json
3、index.html 里面用css 进行布局(以前怎么写现在还是怎么写)
4、在main.js 中写如下代码:

var electron =require('electron');

//electron对象的引用

const app=electron.app;

//BrowserWindow类的引用

const BrowserWindow=electron.BrowserWindow;



let mainWindow=null;

//监听应用准备完成的事件

app.on('ready',function(){

    //创建窗口

    mainWindow=new BrowserWindow({width: 800, height: 600});

    mainWindow.loadFile('index.html');

    mainWindow.on('closed', function () {      

      mainWindow = null;

    })

})

//监听所有窗口关闭的事件

app.on('window-all-closed', function () {

// On OS X it is common for applications and their menu bar

// to stay active until the user quits explicitly with Cmd + Q

if (process.platform !== 'darwin') {

    app.quit();

}

})

5、运行
electron .          注意:命令后面有个点



页: [1]
查看完整版本: electron环境搭建_手动搭建一个electron项目