2、Electron Hello Word!

1、环境

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

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

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

// 应用的控制模块
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(桌面应用的主窗口界面)

<!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 .

 

electron -v

v1.4.13

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

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

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

 

posted @ 2021-02-26 18:46  三瑞  阅读(111)  评论(0编辑  收藏  举报