electron

镜像

npm config set electron_mirror https://mirrors.huaweicloud.com/electron/
npm config set ELECTRON_BUILDER_BINARIES_MIRROR https://npm.taobao.org/mirrors/electron-builder-binaries/

npm config set PUPPETEER_DOWNLOAD_HOST https://registry.npmmirror.com/binary.html?path=chromium-browser-snapshots/

electron-vue

https://juejin.cn/post/6844904159150342157

https://juejin.cn/post/6850418120332017678

electron图标制作

yarn add electron-icon-builder

//准备一张1024*1024的png图片，将图片放在项目文件夹中
"scripts": {
  "generate-icons": "electron-icon-builder --input=./build/logo.png --output=build --flatten"
}

mac端图标制作

#使用以下命令行创建一个临时目录存放不同大小的图片
mkdir tmp.iconset

# 全部拷贝到命令行回车执行，执行结束之后去tmp.iconset查看图片是否生成好
sips -z 16 16     logo.png --out tmp.iconset/icon_16x16.png
sips -z 32 32     logo.png --out tmp.iconset/icon_16x16@2x.png
sips -z 32 32     logo.png --out tmp.iconset/icon_32x32.png
sips -z 64 64     logo.png --out tmp.iconset/icon_32x32@2x.png
sips -z 80 80   logo.png --out tmp.iconset/icon_80x80.png
sips -z 128 128   logo.png --out tmp.iconset/icon_128x128.png
sips -z 256 256   logo.png --out tmp.iconset/icon_128x128@2x.png
sips -z 256 256   logo.png --out tmp.iconset/icon_256x256.png
sips -z 512 512   logo.png --out tmp.iconset/icon_256x256@2x.png
sips -z 512 512   logo.png --out tmp.iconset/icon_512x512.png

#通过iconutil生成icns文件：
iconutil -c icns tmp.iconset -o icon.icns