首页 > 其他 > 详细

Electron-使用Electron开发第一个应用

时间:2016-02-18 10:10:00      阅读:217      评论:0      收藏:0      [点我收藏+]

使用Electron开发第一个应用

Electron 应用的目录结构如下:

app/ 
├── package.json 
├── main.js 
└── index.html

新建一个app文件夹 将这三个文件都放在里面 
package.json的内容

{
  "name"    : "app",
  "version" : "0.1.0",
  "main"    : "main.js"
}
  • 1
  • 2
  • 3
  • 4
  • 5

注意:如果 main 字段没有在 package.json 声明,Electron会优先加载 index.js

main.js的内容

var app = require(‘app‘);  。
var BrowserWindow = require(‘browser-window‘);
var mainWindow = null;


app.on(‘window-all-closed‘, function() {
  if (process.platform != ‘darwin‘) {
    app.quit();
  }
});

app.on(‘ready‘, function() {
  mainWindow = new BrowserWindow({width: 800, height: 600});
  mainWindow.loadURL(‘file://‘ + __dirname + ‘/index.html‘);
  mainWindow.on(‘closed‘, function() {
    mainWindow = null;
  });
});
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18

index.html的内容

<!DOCTYPE html>
<html>
  <head>
    <title>Hello World!</title>
  </head>
  <body>
    <h1>Hello World!</h1>
  </body>
</html>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9

运行方法

直接打开electron.exe 将app文件夹拖进去就可以了 
技术分享
或者在cmd窗口 输入electron.exe 参数是app文件夹所在的路径

Electron-使用Electron开发第一个应用

原文:http://www.cnblogs.com/whtydn/p/5197214.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!