使用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; });});
- 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>
运行方法
直接打开electron.exe 将app文件夹拖进去就可以了
或者在cmd窗口 输入electron.exe 参数是app文件夹所在的路径
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请
点击举报。