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 @   三瑞  阅读(121)  评论(0)  编辑  收藏  举报
编辑推荐：
· AI与.NET技术实操系列：基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语，封装的思维：从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热？
阅读排行：
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型，支持深度思考和联网搜索！
· 基于 Docker 搭建 FRP 内网穿透开源项目（很简单哒）
· ollama系列01：轻松3步本地部署deepseek，普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
历史上的今天：
2017-02-26 在Linux中搭建一个FTP服务器
点击右上角即可分享
微信分享提示
AI IDE Trae