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

原创
2019/04/29 16:02
阅读数 2.3W

代码仓库: https://gitee.com/XiaoLanMiao/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脚本获取你的安装包

展开阅读全文
加载中
点击引领话题📣 发布并加入讨论🔥
0 评论
1 收藏
0
分享
返回顶部
顶部