PhoneGap中文网

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 2167|回复: 2

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

[复制链接]

490

主题

2032

帖子

6843

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
6843
发表于 2018-9-17 18:47:25 | 显示全部楼层 |阅读模式
1、新建一个项目目录   例如:electrondemo01
2、在electrondemo01目录下面新建三个文件:   index.html、main.js 、package.json
3、index.html 里面用css 进行布局(以前怎么写现在还是怎么写)
4、在main.js 中写如下代码:

  1. var electron =require('electron');

  2. //electron对象的引用

  3. const app=electron.app;

  4. //BrowserWindow类的引用

  5. const BrowserWindow=electron.BrowserWindow;



  6. let mainWindow=null;

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

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

  9.     //创建窗口

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

  11.     mainWindow.loadFile('index.html');

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

  13.       mainWindow = null;

  14.     })

  15. })

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

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

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

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

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

  21.     app.quit();

  22.   }

  23. })
复制代码


5、运行
  1. electron .          注意:命令后面有个点
复制代码




回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐上一条 /1 下一条

ionic4视频教程

Archiver|手机版|小黑屋|PhoneGap中文网 ( 京ICP备13027796号-1

GMT+8, 2019-12-11 18:09 , Processed in 0.279470 second(s), 32 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表