installer-made.md

制作安装包

执行：

$ electron-packager . --overwrite --out=target  --icon=img/hello

仅仅是打包，打包出来的是绿色软件。并非安装包（installer），比如Mac下的.dmg可执行文件。如果需要制作成安装包，还需要在package的基础上，再加工处理。

Mac installer

安装工具

以全局的方式安装electron-installer-dmg模块：

$ npm install electron-installer-dmg -g

快速制作

$ cd hello-electron
$ electron-installer-dmg ./target/helloworld-electron-darwin-x64/helloworld-electron.app helloworld-electron

命令非常简单，第一个参数是指定之前package阶段生成的helloworld-electron.app路径，第二个参数是应用程序名称，然后等一会儿就会在当前目录下生成hello-electron.dmg，需要有点耐心，生成较慢（当然你也可以用--debug来显示生成过程日志）。

详细制作

• 显示制作过程

用--debug显示制作过程日志，用--overwrite覆盖已经生成的installer：

$ electron-installer-dmg ./target/helloworld-electron-darwin-x64/helloworld-electron.app helloworld-electron --overwrite --debug

• 使用语法

electron-installer-dmg
Usage: electron-installer-dmg <path/to/.app> <appname>

Create DMG installers for your electron apps.

Usage:
  electron-installer-dmg ./FooBar-darwin-x64/FooBar.app FooBar

Options:
  --out=<path>         The directory to put the DMG into. [Default: `process.cwd()`].

• 详细参数

electron-installer-dmg ./target/helloworld-electron-darwin-x64/helloworld-electron.app helloworld-electron --out=./target --icon=img/hello.icns --overwrite --debug

• 不想记参数

上面参数太多了，每次输入很麻烦，可以写入package.json的scripts节点：

"scripts": {
  "start": "electron .",
  "installer-mac": "electron-installer-dmg ./target/helloworld-electron-darwin-x64/helloworld-electron.app helloworld-electron --out=./target --icon=img/hello.icns --overwrite --debug"
},
"devDependencies": {
  "electron": "~1.6.2",
  "electron-packager": "^8.7.1"
}

其中的 scripts.installer-mac 节点，里面用到的命令是electron-installer-dmg，由于我们之前是全局安装electron-installer-dmg的，所以无需在devDependencies描述对electron-installer-dmg的依赖关系。

成果测试

双击helloworld-electron.dmg即可自动安装：

参考资料

• electron mac installer 教程