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

最新推荐文章于 2023-02-08 14:21:37 发布

weixin_34292402

最新推荐文章于 2023-02-08 14:21:37 发布

阅读量106

点赞数

文章标签：移动开发 json

使用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文件夹所在的路径

关注博主即可阅读全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_34292402

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Electron-使用Electron开发第一个应用

使用Electron开发第一个应用Electron 应用的目录结构如下：app/ ├── package.json ├── main.js └── index.html新建一个app文件夹将这三个文件都放在里面 package.json的内容{ "name" : "app", "version" : "0.1.0", "main" : "main.j.
复制链接

扫一扫