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

时间 2019-11-12

标签 electron 开发实战记帐软件打包美化繁體版

原文原文链接

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

打包

在Windows平台上，默认打包出来的安装包并无办法选择安装的路径，只会默认装到C盘的用户目录。这个并非咱们想要的。咱们想要的是让用户本身选择安装的路径。git

因此须要修改windows的一些配置以及加上一个nsis的配置来实现：github

"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-UIwindows

效果是这样的：app

操做步骤

在FilesToInstall放入你的build-unpacked文件中的内容 electron
而后再执行makeapp.bat脚本压缩文件和制做压缩包ui
修改SetupScripts相关的皮肤、说明、logo等3d
而后执行build-yours.bat脚本获取你的安装包code