Electron中文文檔：https://www.kancloud.cn/simon_chang/electron/227449

• 首先下載electron環(huán)境

git clone https://github.com/electron/electron-quick-start.git
cd electron-quick-start
cnpm install && npm start

此時通過 <code>npm start</code> 就可以打包并啟動應用了，但此時并沒有安裝程序

• 安裝打包程序

cnpm install electron-packager --save-dev

并在package.json中script里添加

"package": "electron-packager ./ wplay --win --out wplay --arch=x64 --version 1.6.10 --overwrite --ignore=node_modules"

參數說明
electron-packager <location of project> <name of project> <platform> <architecture> <electron version>
location of project：應用目錄;
name of project：應用名稱;
platform：要打包的平臺;
architecture：x86 or x64架構;
electron version：electron 版本(不是應用版本);
optional options：其它選項;

此時可以通過 <code>npm run package</code> 生成exe文件，可能因為gfw的原因下載特別慢，注意下package的版本信息，然后點擊 http://npm.taobao.org/mirrors/electron 選擇對應版本下載

• 進入<code>electron-packager</code>生成的文件夾內，安裝 <code>grunt-electron-installer</code> 和<code>grunt</code>

cnpm install grunt-electron-installer --save-dev
cnpm install grunt --save-dev

此時的文件結構：

文件結構

新建文件 <code>package.json</code>，填入名稱以及版本信息，<code>npm install</code> 將會添加其他依賴信息

  "name": "wplay",
  "version": "1.0.0",

如圖：

package.json

新建文件 <code>Gruntfile.js</code>

var grunt = require("grunt");
grunt.config.init({
    pkg: grunt.file.readJSON('package.json'),
    'create-windows-installer': {
        x64: {
            appDirectory: 'f:/code/wplay/wplay/wplay-win32-x64',
            authors: 'kelrvins',
            exe: 'wplay.exe',
            title:'wplay',
            outputDirectory:'./out',
            description:"wplay",
        }       
    }
})
grunt.loadNpmTasks('grunt-electron-installer');
grunt.registerTask('default', ['create-windows-installer']);

配置說明：

配置說明

-通過命令 <code>grunt</code> 生成安裝包

生成安裝包

• 遇到的坑：
  1、路徑有誤找不到文件：使用絕對地址
  2、報很長一段的錯誤，錯誤碼結尾是25：exe中后綴名也要寫