electron打包,使用electron-packager
构建项目可以使用electron-forge构建,但是这个东西打包比较坑,mac运行报错,win下会有缓存机制,也就是热更新无效
所以选择使用electron-packager打包
sudo npm install electron-packager -g
到项目根目录下,执行下面命令即可打包,速度还挺快,比electron-forge打包快很多
win:
electron-packager ./ --platform=win32 --icon=src/icon2.ico
mac:
electron-packager ./ --platform=darwin --icon=src/icon2.icns --out=../../
png转icns图标文件
mac下图标文件是icns,网上有些png装icns转出来的文件用不了,可以使用mac自带命令,把png转成icns
快速生成Mac图标
第一步 生成不同尺寸的png图标
创建icons.iconset文件夹用来放置不同尺寸的图标
注:此文件夹名必须以.iconset结尾,否则生成icns文件时会报错,报错信息为invalid iconset
在命令行中进入目录,并执行以下命令(可以批量复制粘贴执行)
- sips -z 16 16 pic.png --out icons.iconset/icon_16x16.png
- sips -z 32 32 pic.png --out icons.iconset/icon_16x16@2x.png
- sips -z 32 32 pic.png --out icons.iconset/icon_32x32.png
- sips -z 64 64 pic.png --out icons.iconset/icon_32x32@2x.png
- sips -z 64 64 pic.png --out icons.iconset/icon_64x64.png
- sips -z 128 128 pic.png --out icons.iconset/icon_64x64@2x.png
- sips -z 128 128 pic.png --out icons.iconset/icon_128x128.png
- sips -z 256 256 pic.png --out icons.iconset/icon_128x128@2x.png
- sips -z 256 256 pic.png --out icons.iconset/icon_256x256.png
- sips -z 512 512 pic.png --out icons.iconset/icon_256x256@2x.png
- sips -z 512 512 pic.png --out icons.iconset/icon_512x512.png
- sips -z 1024 1024 pic.png --out icons.iconset/icon_512x512@2x.png
pic.png替换为你的图片文件路径,尺寸要求为1024x1024
这一步会在icons.iconset目录下生成若干不同尺寸的图标,用来下一步生成icns图标
第二步 生成icns图标
iconutil -c icns icons.iconset -o Icon.icns
这步之后可以在目录下面看到Icon.icns图标,就可以使用了
electron打包,使用electron-packager的更多相关文章
- quasar使用electron打包
quasar使用electron打包 从构建好的项目中,我们不难发现,electron打包有两种方式: electron-packager打包 这篇博客是通过我尝试了很多种方法之后,最先开始,我使 ...
- electron打包发布
1.全局安装electron npm install electron -g 在cmd 直接输入 electron 直接启electron 2.编写第一个Electron应用 在任何地方,建立一个ap ...
- electron打包vue项目
electron是什么 Electron是由Github开发,用HTML,CSS和JavaScript来构建跨平台桌面应用程序的一个开源库. Electron通过将Chromium和Node.js合并 ...
- Electron 打包时下载 xxx-electron-v1.6.8--x64.zip 文件出错
Electron 打包时下载 xxx-electron-v1.6.8--x64.zip 文件出错 今天在windows上打包其它平台的Electron应用的时候,由于是第一次,所以总是下载 xxx-e ...
- 将现有vue项目基于electron打包成桌面应用程序
一.前言 项目本来打算采用B/S架构去做的,浏览器网址方式打开还是让用户不方便: 二.使用electron集成桌面应用 本身项目是使用vue-cli开发的,在使用electron之前,需要将本身的项目 ...
- Electron打包H5网页为桌面运行程序
一.安装配置环境 Electron(一种桌面应用程序运行时),Electron 把 Chromium 和 Node 合并到一个单独的运行时里面,很适合开发桌面 web 形式的应用程序,通过Node它提 ...
- 将现有vue项目基于electron打包成桌面应用程序 如何隐藏electron窗体的菜单栏
一.前言 项目本来打算采用B/S架构去做的,浏览器网址方式打开还是让用户不方便: 二.使用electron集成桌面应用 本身项目是使用vue-cli开发的,在使用electron之前,需要将本身的项目 ...
- Electron 打包 (electron-builder)
本文只测试了Windows 10 下打包Windows基础安装包 更多花哨的配置,请戳官方文档 https://www.electron.build/ www.electron.build/ 构建基 ...
- electron教程(一): electron的安装和项目的创建
我的electron教程系列 electron教程(一): electron的安装和项目的创建 electron教程(二): http服务器, ws服务器, 进程管理 electron教程(三): 使 ...
- 第二章 你第首个Electron应用 | Electron in Action(中译)
本章主要内容 构建并启动Electron应用 生成package.json,配置成Electron应用 在你的项目中包含预先构建Electron版本 配置package.json以启动主进程 从主进程 ...
随机推荐
- 创建一个双模式跨运行时的 JavaScript 包
本文将指导你发布双模式.跨运行时的 JavaScript 包.了解如何创建与 ESM 和 CommonJS 以及 Node.js.Deno 和浏览器等不同运行时兼容的库. 随着 JavaScript ...
- 基于源码去理解Iterator迭代器的Fail-Fast与Fail-Safe机制
原创/朱季谦 在Java编程当中,Iterator迭代器是一种用于遍历如List.Set.Map等集合的工具.这类集合部分存在线程安全的问题,例如ArrayList,若在多线程环境下,迭代遍历过程中存 ...
- Fiddler使用 抓取手机数据包及中文乱码解决方案
https://blog.csdn.net/zyb2017/article/details/79260086
- ElasticSearch之cat nodes API
命令样例如下: curl -X GET "https://localhost:9200/_cat/nodes?v=true&pretty" --cacert $ES_HOM ...
- Python——第五章:csv模块
未来我们会使用爬虫获取到一些json文件,例如去英雄联盟官方爬取英雄的数据库 查看代码 {"hero":[{"heroId":"1",&qu ...
- Ubuntu图形界面root登录“sorry, that didn't work please
https://blog.51cto.com/u_14757092/2484490 ssh登录主机执行下vim /etc/pam.d/gdm-autologin 注释行 "auth requ ...
- 【OpenCV】在 Mac OS 上使用 EmguCV
前言 OpenCV是一个基于Apache2.0许可(开源)发行的跨平台计算机视觉和机器学习软件库,它具有C++,Python,Java和MATLAB接口,并支持Windows,Linux,Androi ...
- 动态规划问题(四)最长双音序列长度(LBS)
问题描述 以一个乱序的数组,求它的最长双音序列长度.双音序列指该序列先递增,再递减. 如: 对于序列 {1, 11, 2, 10, 4, 5, 2, 1},它的最长双音序列长度为 6, 对于序 ...
- 源生创新 云享未来|GOTC全球开源技术峰会华为云云原生精彩时刻
摘要:GOTC 全球开源技术峰会在上海张江科学会堂成功举办. 本文分享自华为云社区<源生创新 云享未来|GOTC全球开源技术峰会华为云云原生精彩时刻>,作者:华为云云原生团队. GOTC ...
- 解析WeNet云端推理部署代码
摘要:WeNet是一款开源端到端ASR工具包,它与ESPnet等开源语音项目相比,最大的优势在于提供了从训练到部署的一整套工具链,使ASR服务的工业落地更加简单. 本文分享自华为云社区<WeNe ...