0
点赞
收藏
分享

微信扫一扫

2、Electron Hello Word!

我是芄兰 2022-07-12 阅读 76

1、环境

package.json(用于配置Electron工程信息),可通过npm init 初始生成

2、Electron Hello Word!_html

2、Electron Hello Word!_json_02

{
"name": "HelloWorld Electron",
"version": "1.0.0",
"main": "main.js"
}

View Codet

index.js(桌面应用的入口点)

2、Electron Hello Word!_html

2、Electron Hello Word!_json_02

// 应用的控制模块
const electron = require('electron');
const app = electron.app;
// 创建原生浏览器窗口的模块
const BrowserWindow = electron.BrowserWindow;
var mainWindow = null;
function createWindow(){
mainWindow = new BrowserWindow({ width: 800, height: 600 });
mainWindow.loadURL('file://' + __dirname + '/index.html');
}
app.on('ready',createWindow);

View Code

index.html(桌面应用的主窗口界面)

2、Electron Hello Word!_html

2、Electron Hello Word!_json_02

<!DOCTYPE html>
<html>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>My First Electron App</title>
<body>
<h1>Hello World!</h1>
<h1>你好,世界!</h1>
</body>
</html>

View Code

执行:

#进入目录

 

electron -v

v1.4.13

您提供的示例代码对我而言适用于2.0.6。

我的猜测是,当使用调用测试用例时​​electron index.js​​​,您选择的是不带电子版本的旧版本,该版本已​​BrowserWindow.loadFile()​​​在2.0.0版中添加-请尝试​​electron -version​​从命令行运行以查看所用的版本已安装。

如果事实证明这是问题所在,请查看​​electron-quick-start​​​其及其​​package.json​​示例,以了解您的应用程序可以如何指定要使用的Electron版本。

 



举报

相关推荐

0 条评论