使用electron-builder设置Electron应用的图标涉及多个步骤,包括准备图标文件、配置electron-builder、配置Electron应用的窗口图标、打包应用以及验证图标设置。以下是详细的步骤说明: 准备图标文件: 根据目标操作系统准备相应格式的图标文件。 Windows:通常使用.ico格式的图标文件,建议使用256x256像素的图标。 macOS:需要.icns...
"build": "electron-builder --win --x64", "build-mac":"electron-builder --macos " }, 1. 2. 3. 4. 5. 执行yarn run build-mac即可,等待一会就结束。 构建成功拖动安装之后,但是发现貌似icon配置项不管用。导致安装时app图标不可见, 那是因为BrowserWindow 对象的 icon 属性只对 windows/Linux 系统...
electron-builder --ia32 // 32位electron-builder // 64位(默认)nsis中配置"win": { "icon": "build/icons/aims.ico", "target": [ { "target": "nsis", "arch": [ // 这个意思是打出来32 bit + 64 bit的包,但是要注意:这样打包出来的安装包体积比较大,所以建议直接打32的安装包。 "x64", ...
electron-builder build 构建命名 [default] electron-builder install-app-deps 下载app依赖 electron-builder node-gyp-rebuild 重建自己的本机代码 electron-builder create-self-signed-cert 为Windows应用程序创建自签名代码签名证书 electron-builder start 使用electronic-webpack在开发模式下运行应用程序(须臾要electron...
使用electron-builder打包 https://github.com/electron-userland/electron-builder npm install electron-builder -g 打包前需要先为项目添加一些打包选项,编辑项目根目录下的package.json文件,为其添加build选项: "build": { "appId": "cc11001100.electron.example-001", //名 ...
通过electron-builder的nsis直接打包成exe,配置如下 "win": { // 更改build下选项 "icon": "build/icons/aims.ico", "target": [ { "target": "nsis" // 我们要的目标安装包 } ] }, 其他平台配置 "dmg": { // macOSdmg "contents": [ ...
build文件夹放置的是,electron-builder默认的在打包过程中需要的静态文件,比如我们上面生成的图标文件;dist文件夹放置的是打包生成的各种文件。 在package.json的scripts添加指令:"pack": "electron-builder" 运行npm run pack 基于以上的配置,electron-builder会根据当前的操作系统打包出默认的文件。比如,在windows平台下...
通过vue建立的项目使用electron-builder打包(不会eletron打包vue项目的看这里)出exe后发现名字就直接是项目文件夹的名字,但此时想自定义汉字名称,通过尝试直接修改package.json中的name后发现此法仅限于修改为英文名称,汉字会报错无法打包。 踩坑过程 在网上翻阅后发现有人直接在package.json中这样添加build: ...
一下是我打包的常用配置 其他配置参考: https://www.electron.build/configuration/configuration https://www.electron.build/configuration/nsis package.json配置 只提供build配置 "build": { "productName": "makalo-cnblog-tool", "appId": "com.makalo.cnblog-tool", "win":{ "target": [{ "target"...