您的位置：首页 > 其它

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

2015-11-27 23:33 453 查看

使用Electron开发第一个应用

Electron 应用的目录结构如下：

app/

├── package.json

├── main.js

└── index.html

新建一个app文件夹将这三个文件都放在里面

package.json的内容

{
"name"    : "app",
"version" : "0.1.0",
"main"    : "main.js"
}

注意：如果 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;
});
});

index.html的内容

<!DOCTYPE html>
<html>
<head>
<title>Hello World!</title>
</head>
<body>
<h1>Hello World!</h1>
</body>
</html>

运行方法

直接打开electron.exe 将app文件夹拖进去就可以了

或者在cmd窗口输入electron.exe 参数是app文件夹所在的路径

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航