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腳本獲取你的安裝包