Electron 桌面应用程序的框架,快速入门搭建一个桌面程序

devtools/2024/11/13 9:32:18/

Electron是什么?

Electron 快捷传送门,点击走你。。。

快速让你的web项目成为桌面应用

// 初始化一个 package.json
npm init
// 添加 Electron 依赖,安装过可忽略
npm install --save-dev electron
{
"name": "my-electron-app","version": "1.0.0",
// 在package.json 内添加 桌面程序的入口文件属性
"main": "main.js",
...
}
{
...
"main": "main.js",
// 在package.json 内添加执行命令
"scripts": {"electron": "electron ."}
...
}
// 入口文件 main.js 内添加主进程代码
const { app, BrowserWindow } = require('electron')
// app 模块,它控制应用程序的事件生命周期。
// BrowserWindow 模块,它创建和管理应用程序 窗口。const createWindow = () => {const win = new BrowserWindow({width: 800,height: 600})win.loadFile('index.html')//主程序渲染进程的加载文件win.loadURL('主程序渲染进程的加载地址')
}
//在 Electron 中,只有在 app 模块的 ready 事件被激发后才能创建窗口
app.whenReady().then(() => {createWindow()
})

http://www.ppmy.cn/devtools/17898.html

相关文章

【函数式接口使用✈️✈️】配合策略模式实现文件处理的案例

目录 🍸前言 🍻一、功能描述 🍺二、面向对象设计模式 🍹三、策略模式 🍦四、策略 VS 面向对象 🍨章末 🍸前言 小伙伴们大家好,上周初步了解了下函数式接口,Consume…

自动化机器学习流水线:基于Spring Boot与AI机器学习技术的融合探索

🧑 作者简介:阿里巴巴嵌入式技术专家,深耕嵌入式人工智能领域,具备多年的嵌入式硬件产品研发管理经验。 📒 博客介绍:分享嵌入式开发领域的相关知识、经验、思考和感悟,欢迎关注。提供嵌入式方向…

部署后端常见问题:更换JDK版本

目录 #步骤一:创建相关目录用于安装JDK #步骤二:安装JDK17版本: 附: JDK8下载: JDK1.8下载: #步骤三:解压同时重命名文件: #步骤四:编辑文件设置环境变量 原本代…

Golang实现一个批量自动化执行树莓派指令的软件(2)指令

简介 基于上篇 Golang实现一个批量自动化执行树莓派指令的软件(1)文本加密&配置&命令行交互实现, 这篇实现的是指令, 即通过ssh执行linux指令的实现。 环境描述 运行环境: Windows, 基于Golang, 暂时没有使用什么不可跨平…

Godot3D学习笔记1——界面布局简介

创建完成项目之后可以看到如下界面: Godot引擎也是场景式编程,这里的一个场景相当于一个关卡。 这里我们点击左侧“3D场景”按钮创建一个3D场景,现在在中间的画面中会出现一个球。在左侧节点视图中选中“Node3D”,右键创建子节点…

【UE5.1 C++】提升编译速度

步骤 1. 在“C:\Users\用户\AppData\Roaming\Unreal Engine\UnrealBuildTool”目录下找到“BuildConfiguration.xml”文件 打开“BuildConfiguration.xml”&#xff0c;添加如下部分内容 <?xml version"1.0" encoding"utf-8" ?> <Configuratio…

【AIGC调研系列】Bunny-Llama-3-8B-V与其他多模态大模型相比的优劣

Bunny-Llama-3-8B-V作为基于Llama-3的多模态大模型&#xff0c;其优势主要体现在以下几个方面&#xff1a; 性能超越其他模型&#xff1a;根据我搜索到的资料&#xff0c;Bunny-Llama-3-8B-V在多个主流Benchmark上表现良好&#xff0c;超越了LLaVA-7B、LLaVA-13B、Mini-Gemini…

PyCharm 中的特殊标记

在使用 PyCharm 开发 Python 项目的时候&#xff0c;经常会有一些特殊的标记&#xff0c;有些是 IDE 提示的代码规范&#xff0c;有些则为了方便查找而自定义的标记。 我在之前写过一些关于异常捕获的文章&#xff1a;Python3 PyCharm 捕获异常报 Too broad exception clause …