Electron开发实战之记账软件11——打包及美化

代码仓库： https://github.com/hilanmiao/LanMiaoDesktop

打包

在Windows平台上，默认打包出来的安装包并没有办法选择安装的路径，只会默认装到C盘的用户目录。这个并不是我们想要的。我们想要的是让用户自己选择安装的路径。

所以需要修改windows的一些配置以及加上一个nsis的配置来实现：

"build": {
    "productName": "PocketBook", // 产品名称
    "appId": "com.electron.PocketBook", // windows平台appId
    "copyright": "Copyright © 2019 lanmiao ", // 版权
    "directories": {
      "output": "build"
    },
    "files": [
      "dist/electron/**/*"
    ],
    "dmg": {
      "contents": [
        {
          "x": 410,
          "y": 150,
          "type": "link",
          "path": "/Applications"
        },
        {
          "x": 130,
          "y": 150,
          "type": "file"
        }
      ]
    },
    "mac": {
      "icon": "build/icons/icon.icns"
    },
    "win": {
      "icon": "build/icons/icon.ico",
      "requestedExecutionLevel": "highestAvailable", // 申请高级权限
      "target": "nsis" // 打包目标
    },
    "nsis": {
      "oneClick":false, // 一键安装
      "allowToChangeInstallationDirectory": true // 允许自定义目录
    },
    "linux": {
      "icon": "build/icons"
    }
  },

美化

如果你觉得这个安装程序确实太low了，不够现代化，那么我刚好有个程序推荐给你。NSIS-UI

效果是这样的：

操作步骤

• 在FilesToInstall放入你的build-unpacked文件中的内容

• 然后再执行makeapp.bat脚本压缩文件和制作压缩包

• 修改SetupScripts相关的皮肤、说明、logo等

• 然后执行build-yours.bat脚本获取你的安装包

转载于:https://my.oschina.net/u/3667677/blog/3043986