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 上生成一个桌面应用程序。

目录及效果

在这里插入图片描述

在这里插入图片描述

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

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

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

pytest + yaml 框架 -59.用例失败重跑机制pytest-rerunfailures

前言 有些接口可能不太稳定,第一次跑的时候由于网络原因或者其它原因失败,但是重新跑2次又成功了。 对于这种需要重新跑几次的场景,可以使用用例失败重跑机制,需安装pytest-rerunfailures 插件。 场景示例 失败重跑需要依赖 py…

直播美颜SDK开发实战:从入门到精通

直播美颜SDK的应用已经成为许多直播平台和开发者关注的焦点。本文将带领读者深入探讨直播美颜SDK的开发实战,从入门到精通的过程。 1.引言 直播美颜SDK是一种集成了图像处理、人脸识别、滤镜算法等技术的开发工具包。通过使用该SDK,开发者能够为直播应…

Tekton 基于 cronjob 触发流水线

Tekton 基于 cronjob 触发流水线 Tekton EventListener 在8080端口监听事件,kubernetes 原生 cronjob 定时通过curl 命令向 EventListener 发送事件请求,触发tekton流水线执行,实现定时运行tekton pipeline任务。 前置要求: kub…

如何在Kali Linux安装Xrdp+cpolar内网穿透实现远程访问Kali系统

文章目录 前言1. Kali 安装Xrdp2. 本地远程Kali桌面3. Kali 安装Cpolar 内网穿透4. 配置公网远程地址5. 公网远程Kali桌面连接6. 固定连接公网地址7. 固定地址连接测试 前言 Kali远程桌面的好处在于,它允许用户从远程位置访问Kali系统,而无需直接物理访…

luceda ipkiss教程 49:以pcell的方式定义线路

在ipkiss中,通常以i3.Circuit来设计线路(见教程2),以i3.Pcell的框架也可以来设计线路: 以SplitterTree为例: 线路仿真结果: 所有代码如下: from si_fab import all as pdk import…

[css] flex wrap 九宫格布局

<div class"box"><ul class"box-inner"><li>九宫格1</li><li>九宫格2</li><li>九宫格3</li><li>九宫格4</li><li>九宫格5</li><li>九宫格6</li><li>九宫格7&l…

Android BluetoothAdapter 使用(二)

Android BluetoothAdapter 使用(二) 本篇文章主要讲下蓝牙设备的配对. 1: 蓝牙设备列表展示 下 面是蓝牙设备adapter的代码: package com.test.bluetooth;import android.bluetooth.BluetoothDevice; import android.content.Context; import android.view.LayoutInflater;…

Leetcode—459.重复的子字符串【简单】

2023每日刷题&#xff08;五十九&#xff09; Leetcode—459.重复的子字符串 算法思想 巧解的算法思想 实现代码 从第一个位置开始到s.size()之前&#xff0c;看s字符串是否是ss的子串 class Solution { public:bool repeatedSubstringPattern(string s) {return (s s).fin…

DDoS原生防护和Web应用防火墙组合使用方案

本文介绍了为网站类业务同时部署DDoS原生防护和Web应用防火墙的配置方法。该方案适用于为网站业务同时防御四层DDoS攻击和七层Web攻击、CC攻击的场景。 前提条件 已创建ECS实例并部署了业务相关的应用&#xff0c;ECS实例拥有公网IP地址且网站有域名。 说明 如果网站用于在中国…

python初试二

连接数据库 Django为多种数据库后台提供了统一的调用API。根据需求不同&#xff0c;Django可以选择不同的数据库后台。MySQL算是最常用的数据库。我们这里将Django和MySQL连接。 在Linux终端下启动mysql: $mysql -u root -p 在MySQL中创立Django项目的数据库&#xff1a; …

解决因找不到qt5core.dll文件而导致无法执行代码问题

Qt5core.dll是Qt5框架的核心模块&#xff0c;用于提供基本的Qt功能。如果在代码执行过程中找不到qt5core.dll&#xff0c;可能导致相关功能无法正常使用。以下是五种详细解决方法、qt5core.dll文件详细介绍以及丢失原因。 一、qt5core.dll文件详细介绍 文件名称&#xff1a;q…

科技铸就企业转型钢筋铁骨,群硕获评2023年度数字化影响力企业

12月15日&#xff0c;STIF2023第四届国际科创节暨DSC2023国际数字服务大会在北京顺利举行&#xff0c;本次大会以“数实融合 推动高质量发展”为主题&#xff0c;各大科技服务企业齐聚一堂&#xff0c;共同探讨2023科技发展新趋势。 大会上&#xff0c;群硕软件继2022年后再度…