electron环境搭建_手动搭建一个electron项目
1、新建一个项目目录 例如：electrondemo012、在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]