我使用Angular 2创建了一个App,并在使用Ionic进行一些修改后创建了ios和apk文件。
我想创建与同一项目相同的桌面应用程序文件。
我浏览了很多有关Electron的资源,但没有得到清晰的想法。
如何从Electron应用文件中创建Windows或Mac应用文件或Linux可执行文件并没有给出明确的参考资料。如果有人知道关于如何通过Electron创建Windows、Mac或Linux可执行文件的清晰参考资料,请在下面回答。
这对我学习Electron非常有帮助。
我使用Angular 2创建了一个App,并在使用Ionic进行一些修改后创建了ios和apk文件。
我想创建与同一项目相同的桌面应用程序文件。
我浏览了很多有关Electron的资源,但没有得到清晰的想法。
如何从Electron应用文件中创建Windows或Mac应用文件或Linux可执行文件并没有给出明确的参考资料。如果有人知道关于如何通过Electron创建Windows、Mac或Linux可执行文件的清晰参考资料,请在下面回答。
这对我学习Electron非常有帮助。
# Clone the Quick Start repository
$ git clone https://github.com/electron/electron-quick-start
# Go into the repository
$ cd electron-quick-start
# Install the dependencies and run
$ npm install && npm start
为了应用程序分发,我们将使用Electron-builder:这是一个完整的解决方案,用于打包和构建适用于macOS、Windows和Linux的Electron应用程序,并提供“自动更新”支持。
来自electron-builder文档中的“快速设置指南”部分:
在应用程序的 package.json
中指定标准字段——name
、description
、version
和 author
。
按照以下方式在 package.json
中指定构建配置:
"build": { "appId": "your.id", "mac": { "category": "your.app.category.type" } }
在 package.json
中添加 electron-builder
(文档中缺少的步骤!):
"devDependencies": { "electron": "1.6.6", "electron-builder": "17.1.2" }
在项目根目录创建一个名为 build 的目录,并将 background.png
(macOS DMG 背景)、icon.icns
(macOS 应用程序图标)和 icon.ico
(Windows 应用程序图标)保存到其中。
Linux 图标集将基于 macOS 的 icns
文件自动生成。
将脚本键添加到开发的 package.json
中:
"scripts": { "pack": "build --dir", "dist": "build" }
npm run dist
(以可分发格式打包,例如dmg、Windows安装程序、deb安装包)。
完成后,您会看到适当的安装程序位于app/dist
文件夹中!你尝试过electron-builder吗?