Electron应用的开发和打包

大致是两个派别，一个是用模板（boilerplate），一般搭配所选用的前端框架的脚手架工具生成；另一种则是用命令行工具（CLI），这个就是electron社群提供的。
CLI其实应该算是在Boilerplate这个层次上再进一步做了封装处理，一般提供了整套的electron应用的构建和打包的能力，极大的方便了开发者，但是在整个构建和打包的定制性上，就没有boilerplate方案这么灵活了。相对适用于那种小型的应用，对于持续性的开发和大型的应用来说，建议从boilerplate着手，这样可以灵活的增减和调整，不会受制于CLI所能提供的能力。

Boilerplate

这里主要看我们使用的前端框架，社区针对主流的React、Angular、Vue都提供了对应的工具，基本上Electron-XXX的就是了。

CLI

主要的有两个：electron-forge和electron-builder，试用下来，觉得electron-forge更加友好一些，输入一些命令即可进入开发，打包也相对简单。而electron-builder则需要先进行一些设置，相对不是那么直观，但是也提供了更加高的定制性。
这里主要说下electron-forge的使用，毕竟入门为主：

安装

建议是安装成全局，这样方便使用
npm install -g electron-forge

建立项目

下面的命令在当前目录下建立一个my-project目录，里面就是我们的工程代码了，同时这里指定了使用vue模板，如果不指定的话，默认会使用ES6/7的模板
electron-forge init my-project --template=vue

运行

运行下面的命令后就会启动我们的应用了，命令没有带路径，表示默认使用当前目录
electron-forge start

打包

这里有两种形式的打包，分别在不同场景下使用
electron-forge package 只是打包成一个目录到out目录下，注意这种打包一般用于调试，并不是用于分发
electron-forge make 这个才会打出真正的分发包，放在out\make目录下
两个命令都可以使用--arch 和--platform参数来指定系统结构和平台，但是需要注意的是只能打包你当前机器的平台包，比如你用OSX是无法打出windows平台安装包的；这两个参数不填写的话，默认和当前系统一致
另外，make是用squirrel打出来的包，安装后是放在%localappdata%下的