electron-builder.json5

 {

   "productName": "邓瑞编程",

   "appId": "com.dengruicode.www",

   "mac": {

     "icon": "electron/resource/images/code.icns",

     "target": "dmg"

   },

   "win": {

     "icon": "electron/resource/images/code.ico",

     "target": [

       {

         "target": "nsis",

         "arch": ["x64"]

       }

     ]

   },

   "nsis": {

       "oneClick": false,

       "perMachine": true,

       "allowToChangeInstallationDirectory": true

   },

   "files": [

     "dist",

     "dist-electron"

   ],

   "directories": {

     "output": "build"

   }

 }

生成 code.icns

1.mkdir code.iconset

2.复制 code.png 至项目根目录

3.使用 sips 生成不同分辨率的 png 图片

sips -z 16 16 code.png --out code.iconset/icon_16x16.png

sips -z 32 32 code.png --out code.iconset/icon_32x32.png

sips -z 64 64 code.png --out code.iconset/icon_64x64.png

sips -z 128 128 code.png --out code.iconset/icon_128x128.png

sips -z 256 256 code.png --out code.iconset/icon_256x256.png

4.使用 iconutil 将 .iconset 转换为 .icns 文件

iconutil -c icns code.iconset

5.将 .icns 文件移动至 electron/resource/images

6.清理文件

       code.png

       code.iconset

构建应用程序

       npm run build

       注

               报错

                         Exit code: 1. Command failed: which python

               解决方法

                         安装 python