构建项目可以使用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

在命令行中进入目录,并执行以下命令(可以批量复制粘贴执行)

  1.  
    sips -z 16 16 pic.png --out icons.iconset/icon_16x16.png
  2.  
     
  3.  
    sips -z 32 32 pic.png --out icons.iconset/icon_16x16@2x.png
  4.  
     
  5.  
    sips -z 32 32 pic.png --out icons.iconset/icon_32x32.png
  6.  
     
  7.  
    sips -z 64 64 pic.png --out icons.iconset/icon_32x32@2x.png
  8.  
     
  9.  
    sips -z 64 64 pic.png --out icons.iconset/icon_64x64.png
  10.  
     
  11.  
    sips -z 128 128 pic.png --out icons.iconset/icon_64x64@2x.png
  12.  
     
  13.  
    sips -z 128 128 pic.png --out icons.iconset/icon_128x128.png
  14.  
     
  15.  
    sips -z 256 256 pic.png --out icons.iconset/icon_128x128@2x.png
  16.  
     
  17.  
    sips -z 256 256 pic.png --out icons.iconset/icon_256x256.png
  18.  
     
  19.  
    sips -z 512 512 pic.png --out icons.iconset/icon_256x256@2x.png
  20.  
     
  21.  
    sips -z 512 512 pic.png --out icons.iconset/icon_512x512.png
  22.  
     
  23.  
    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的更多相关文章

  1. quasar使用electron打包

    quasar使用electron打包  从构建好的项目中,我们不难发现,electron打包有两种方式: electron-packager打包  这篇博客是通过我尝试了很多种方法之后,最先开始,我使 ...

  2. electron打包发布

    1.全局安装electron npm install electron -g 在cmd 直接输入 electron 直接启electron 2.编写第一个Electron应用 在任何地方,建立一个ap ...

  3. electron打包vue项目

    electron是什么 Electron是由Github开发,用HTML,CSS和JavaScript来构建跨平台桌面应用程序的一个开源库. Electron通过将Chromium和Node.js合并 ...

  4. Electron 打包时下载 xxx-electron-v1.6.8--x64.zip 文件出错

    Electron 打包时下载 xxx-electron-v1.6.8--x64.zip 文件出错 今天在windows上打包其它平台的Electron应用的时候,由于是第一次,所以总是下载 xxx-e ...

  5. 将现有vue项目基于electron打包成桌面应用程序

    一.前言 项目本来打算采用B/S架构去做的,浏览器网址方式打开还是让用户不方便: 二.使用electron集成桌面应用 本身项目是使用vue-cli开发的,在使用electron之前,需要将本身的项目 ...

  6. Electron打包H5网页为桌面运行程序

    一.安装配置环境 Electron(一种桌面应用程序运行时),Electron 把 Chromium 和 Node 合并到一个单独的运行时里面,很适合开发桌面 web 形式的应用程序,通过Node它提 ...

  7. 将现有vue项目基于electron打包成桌面应用程序 如何隐藏electron窗体的菜单栏

    一.前言 项目本来打算采用B/S架构去做的,浏览器网址方式打开还是让用户不方便: 二.使用electron集成桌面应用 本身项目是使用vue-cli开发的,在使用electron之前,需要将本身的项目 ...

  8. Electron 打包 (electron-builder)

    本文只测试了Windows 10 下打包Windows基础安装包 更多花哨的配置,请戳官方文档 https://www.electron.build/​ www.electron.build/ 构建基 ...

  9. electron教程(一): electron的安装和项目的创建

    我的electron教程系列 electron教程(一): electron的安装和项目的创建 electron教程(二): http服务器, ws服务器, 进程管理 electron教程(三): 使 ...

  10. 第二章 你第首个Electron应用 | Electron in Action(中译)

    本章主要内容 构建并启动Electron应用 生成package.json,配置成Electron应用 在你的项目中包含预先构建Electron版本 配置package.json以启动主进程 从主进程 ...

随机推荐

  1. GPT-4多模态大型语言模型发布

    GPT-4 模型是OpenAI开发的第四代大型语言模型(LLM),它将是一个多模态模型,会提供完全不同的可能性-例如文字转图像.音乐甚至视频.GPT 全称为 Generative Pre-traine ...

  2. MinIO客户端之alias

    MinIO提供了一个命令行程序mc用于协助用户完成日常的维护.管理类工作. 官方资料 mc alias mc alias list mc alias remove mc alias set mc al ...

  3. 微信现金红包开发 PHP

    第一次在cnblogs发文章 微信商家后台-现金红包开发 sdk <?php class wxPay { //配置参数信息 const SHANGHUHAO = "1430998xxx ...

  4. Ubuntu 20.04 设置时区、配置NTP同步 timesyncd 代替 ntpd

    本文的服务器环境为 Ubuntu 20.04 系统,一个拥有 sudo 权限的非 root用户,并开启了防火墙. 基本时间命令 要在 Ubuntu 20.04 系统上查看服务器时间,可以使用 date ...

  5. cookie的一些知识点总结

    一.cookie的种类 sessionID 这个ID是会话性的,只要关闭了当前浏览器,这个ID会消失,需要调用getSessoin重新获取一个新的session 会话性cookie 这个cookie也 ...

  6. HDU 2144 Evolution 后缀树/后缀数组

    HDU 2144 Evolution 后缀树/后缀数组 题意 给我们不到一百个字符串(长度不到一百)以及一个百分比q,然后如果某两个字符串的最长公共子串占比超过了q(在两个串中都超过)则两个串为一个集 ...

  7. DevOps|研发效能|平台工程

    欢迎加入我们的「研发效能DevOps」微信群. - 我的文章主要首发在微信公众号 scmroad - 主要关注领域 {研发效能.研发工具链.持续集成.交付.DevOps.效能度量.微服务治理.容器.云 ...

  8. Markdown 编辑器及语法使用入门指南

    一.如何打开预览? 打开在线编辑器 - 点击如图所示 - 写作预览按钮即可: 如图所示,编写下面 Markdown 语法,进行对应语法的编写,愉快的写作了! 左侧 Markdown 语法 右侧实时显示 ...

  9. MySQL进阶篇:详解存储引擎特点

    MySQL进阶篇:第一章_一.四_存储引擎特点_Memory & MySQL存储引擎的区别及特点 1.1 存储引擎特点 1.1.3 Memory 1). 介绍 Memory引擎的表数据时存储在 ...

  10. 实践案例丨Pt-osc工具连接rds for mysql 数据库失败

    [现象] 主机可以telent 通rds 端口,并且使用mysql-client 连接正常: 如下图所示:使用pt-osc工具连接时,一直没有响应,一直卡在哪里 等了4-5分钟左右后,会有响应,如下图 ...