2.electron之纯原生js/jquery的桌面应用程序(应用篇)

如果可以实现记得点赞分享,谢谢老铁~

Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 Electron 将 Chromium 和 Node.js 嵌入到了一个二进制文件中,因此它允许你仅需一个代码仓库,就可以撰写支持 Windows、macOS 和 Linux 的跨平台应用。

在上一篇文章《electron之纯原生js/jquery的桌面应用程序(基础篇)》中,Mac 上运行 Electron 应用程序时,默认情况下不会在桌面上生成一个应用程序图标。相反,它会在 dock(应用程序坞)中显示一个图标。

Mac系统

如果您希望在 Mac 上生成一个桌面应用程序,您可以使用 Electron 提供的打包工具将应用程序打包成可执行文件。以下是一种常见的方法:

1.安装 electron-packager:在命令行中运行以下命令来全局安装 electron-packager 工具:

npm install -g electron-packager

2.在项目文件夹中,使用以下命令将应用程序打包成可执行文件:

electron-packager . --platform=darwin --arch=x64 --overwrite --prune=true --out=dist_mac

这将在项目文件夹中创建一个名为 dist_mac 的文件夹,并在其中生成一个可执行文件,该文件可以在 Mac 上运行。

请注意,上述命令中的参数 --platform=darwin 表示目标平台为 Mac,–arch=x64 表示目标架构为 64 位。您可以根据需要调整这些参数。

3.在 dis_mac 文件夹中,您将找到生成的可执行文件。您可以将该文件拖放到桌面或其他位置,并双击运行它。
通过这种方式,您可以将 Electron 应用程序打包成一个独立的可执行文件,并在 Mac 上生成一个桌面应用程序。

window系统

如果是window系统上生成一个桌面应用程序,您可以使用 Electron 提供的打包工具将应用程序打包成可执行文件(.exe 文件)。以下是一种常见的方法:

1.安装 electron-packager:在命令行中运行以下命令来全局安装 electron-packager 工具:

npm install -g electron-packager

2.在项目文件夹中,使用以下命令将应用程序打包成可执行文件:

electron-packager . --platform=win32 --arch=x64 --overwrite --prune=true --out=dist_window

这将在项目文件夹中创建一个名为 dist_window 的文件夹,并在其中生成一个可执行文件,该文件可以在 Windows 上运行。

请注意,上述命令中的参数 --platform=win32 表示目标平台为 Windows,–arch=x64 表示目标架构为 64 位。您可以根据需要调整这些参数。

3.在 dist _window文件夹中,您将找到生成的可执行文件(.exe 文件)。您可以将该文件拖放到桌面或其他位置,并双击运行它。
通过这种方式,您可以将 Electron 应用程序打包成一个独立的可执行文件,并在 Windows 上生成一个桌面应用程序。

目录及效果

在这里插入图片描述

在这里插入图片描述

收工!谢谢老铁们的点赞收藏~

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/248036.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

SpringBoot使用自带的日志框架(开箱即用,同时输出到文件与控制台)

在SpringBoot内部中,默认就集成了LogBack的日志依赖,所以我们其实在实际开发中不需要直接添加该依赖。 你会发现spring-boot-starter其中包含了 spring-boot-starter-logging,Spring Boot为我们提供了很多默认的日志配置,所以&…

根文件系统(一):基础

本文主要探讨210根文件系统相关知识。 根文件系统 存储设备(flash等)是分块(扇区),访问存储设备是按块号 (扇区号)来访问,文件系统(软件)对存储设备扇区进行管理,将对扇区的访问变成对目录和文件名的访问 根文件系统init进程的应用程序和其他应用程序,提供根目…

ipa文件用作企业签名的在线签名工具苹果ios系统的Sigan:工作原理和代码表示原理

随着iOS应用程序的兴起,ipa文件的安全性变得越来越重要。为了确保应用程序来源的可信度和完整性,开发者需要对其应用进行签名,并使用正确的证书来验证其身份。在这篇文章中,我们将探索一个名为在线签名工具的ipa文件签名工具&…

Point A的配置方式

Point A是5g中进行资源分配的参考点,所以UE驻留在小区上时,必须要知道Point A的位置,才能进一步根据参数确定属于自己的资源,这里就整理下协议上告知UE PointA的2种方式。 先看38.211中的描述,Point A是RB grids的公共…

[论文阅读]Multimodal Virtual Point 3D Detection

Multimodal Virtual Point 3D Detection 多模态虚拟点3D检测 论文网址:MVP 论文代码:MVP 论文简读 方法MVP方法的核心思想是将RGB图像中的2D检测结果转换为虚拟的3D点,并将这些虚拟点与原始的Lidar点云合并。具体步骤如下: (1)…

Qt容器QMdiArea 小部件提供一个显示 MDI 窗口的区域

## QMdiArea ## 控件简介 QMdiArea 继承 QAbstractScrollArea。QMdiArea 小部件提供一个显示 MDI 窗口的区域。QMdiArea的功能本质上类似于MDI窗口的窗口管理器。大多数复杂的程序,都使用MDI框架,在 Qt designer 中可以直接将控件 MDI Area 拖入使用。 ## 用法示例 例 qm…

单口千兆以太网物理层芯片

一、基本介绍 YT8521S是一款单口千兆以太网物理层芯片,YT8521S是一款高度集成的以太网收发器,符合10BASE-Te、100BASE-TX和1000BASE-T IEEE 802.3标准。它提供了传输和接收所需的所有物理层功能通过CAT.5E UTP电缆的以太网数据包。 YT8521S采用最先进的…

SpringBoot接入企微机器人

1、企业微信创建机器人(如何创建不懂的请自行百度,很简单的),成功后能获取到一个Webhook地址:https://qyapi.weixin.qq.com/cgi-bin/webhook/send?key693a91f6-7xxx-4bc4-97a0-0ec2sifa5aaa 2、创建一个SpringBoot项…

系统架构设计师教程(四)信息系统基础知识

信息系统基础知识 4.1 信息安全基础知识4.1.1 信息安全的概念4.1.2 信息存储安全4.1.3 网络安全 4.2 信息系统安全的作用与意义4.3 信息安全系统的组成框架4.3.1 技术体系4.3.2 组织机构体系4.3.3 管理体系 4.4 信息加解密技术4.4.1 数据加密4.4.2 对称密钥加密算法4.4.3 非对称…

数据结构与算法—查找算法(线性查找、二分查找、插值查找、斐波那契查找)

查找算法 文章目录 查找算法1. 线性查找算法2. 二分查找算法2.1 二分查找思路分析2.2 应用实例 3. 插值查找3.1 基本原理3.2 应用实例 4. 斐波那契4.1 基本原理4.2 应用实例 5. 查找总结 在java中,常用的查找有四种: 顺序(线性)查找二分查找/折半查找插值…

电子烟单片机方案开发,32位单片机PY32F030电子烟解决方案

电子烟是一种低压的微电子雾化设备。可以通过加热液体产生雾状物质,供用户吸入使用的新型电子产品。它是由微控制器(MCU)、超声波雾化发生器、充电管理IC、锂离子电池、发热棒等器件构成,主要用于替代传统香烟和戒烟,与…

mybatis-plus雪花算法自动生成ID到前端后精度丢失问题

问题发生 前端接收到后端的数据出现异常,异常如下: 如图这是后端正常返回的数据, 但是点击预览时发现这个id的数据被改变了 这就导致了我通过id去修改相关数据时无法成功 问题原因 id的长度过长(19位),前…

AI大模型驱动的教育变革与实践

随着人工智能技术的飞速进步,我们正在见证一场教育领域的革命。在这场革命中,AI大模型作为关键技术,正深刻地改变着教育行业的面貌。AI大模型的出现,如GPT-3.5等,不仅为教育领域带来了新的发展机遇,也对其提…

C#基础——类、对象和属性

C# 属于 面向对象 的编程,“万物皆对象” 面向对象编程的三大特性:封装、继承、多态。 通过类能过较好的体现该语言的特点 类:是具有相同属性和行为特征的集合 类的语法格式: 访问修饰符 class关键字 类名 两种创建类的方式 第…

Visual Studio编辑器中C4996 ‘scanf‘: This function or variable may be unsafe.问题解决方案

目录 ​编辑 题目:简单的ab 1. 题目描述 2. 输入格式 3. 输出格式 4. 样例输入 5. 样例输出 6. 解题思路 7. 代码示例 8. 报错解决 方案一 方案二 方案三 方案四 总结 题目:简单的ab 1. 题目描述 输入两个整数a和b,…

12.15

写这段代码改了好几个小时,从有这个想法到完成花费了比较久的时间,也很有成就感。速成课给的伪代码思路漏掉了需要判断最小数是否正好是这个数本身这个条件,所以一直报错。所以写代码要把每种可能性都涵盖,不然程序就会出问题。之…

DVGO 代码阅读

BBx 的大小范围是 根据 相机的 位姿来构建的,会刚好 Cover 相机的移动范围,相当于 StreetSurf 里面的 close-range 的部分,代码在compute_bbox_by_cam_frustrm_unbounded 这个函数里面: xyz_min, xyz_max _compute_bbox_by_cam_f…

springcloud项目实战之自定义负载均衡器

系列文章 。 写在前面 本部分看下如何自定义负载均衡器从而满足业务对于负载均衡特定的需求。 源码 。 1:负载均衡的知识点 1.1:什么是负载均衡? 多台服务器随机的选择一台处理请求的技术,叫做负载均衡自己总结的&#xff0c…

jstat虚拟机统计信息监控工具

jstat虚拟机统计信息监控工具 1、jstat(JVM Statistics Monitorning Tool) 用于监控虚拟机各种运行状态信息的命令行工具。 它可以显示本地或远程虚拟机进程中的类装载、内存、垃圾收集、JIT编译等运行数据,它是运行期定位虚拟机 性能问题…

VRRP协议详解

目录 一、基础概念 1、概念 2、VRRP的基本结构 状态机 二、VRRP主备备份工作过程 1、备份工作过程 2、VRRP的负载分担工作 三、实验 一、基础概念 1、概念 VRRP能够在不改变组网的情况下,将多台路由器虚拟成一个虚拟路由器,通过配置虚拟路由器的I…