首页 前端知识 2.electron之纯原生js/jquery的桌面应用程序(应用篇)

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

2024-03-20 11:03:33 前端知识 前端哥 412 386 我要收藏

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

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

目录及效果

在这里插入图片描述

在这里插入图片描述

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

转载请注明出处或者链接地址:https://www.qianduange.cn//article/3951.html
评论
发布的文章

JQuery操作DOM

2024-04-13 23:04:28

jQuery库

2024-04-13 23:04:28

【无标题】

2024-04-13 23:04:51

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!