Electron 创建到打包 流程 已解决

Electron 应用打包

 npm install cnpm -g --registry=http://registry.npm.taobao.org

npm init

cnpm install electron-packager -g

cnpm install electron -g

 package.json 文件

{
  "name": "electron-quick-start",
  "version": "1.0.0",
  "description": "A minimal Electron application",
  "main": "main.js",
  "scripts": {
    "start": "electron .",
    "package": "electron-packager ./ --platform=win32 --arch=x64  --icon=./images/favicon.ico"
  },
  "author": "a",
  "license": "UNLICENSED",
  "devDependencies": {
    "electron": "~1.6.2",
    "electron-packager": "^8.7.2"
  }
}

测试打开页面 

cnpm start

 "package:mac": "electron-packager . DEMO-electron --platform=darwin --arch=x64 --overwrite --icon=./assets/app-icon/mac/app.icns --out=out --asar --app-version=0.0.1 --ignore=\"(dist|src|docs|.gitignore|LICENSE|README.md|webpack.config*|node_modules)\" --extra-resource=\"./assets\"",
    
 "package:win": "electron-packager . DEMO-electron --platform=win32 --arch=x64 --overwrite --icon=./assets/app-icon/win/app.ico --out=out --asar --app-version=0.0.1 --ignore=\"(dist|src|docs|.gitignore|LICENSE|README.md|webpack.config.js|node_modules)\" --extra-resource=\"./assets\"",
    
 "package:linux": "electron-packager . DEMO-electron --platform=linux --arch=x64 --overwrite --out=out --asar --app-version=0.0.1 --ignore=\"(dist|src|docs|.gitignore|LICENSE|README.md|webpack.config.js|node_modules)\" --extra-resource=\"./assets\"",

 最后执行 

cnpm run-script package

NSIS 打包 Electron 生成exe安装包

NSIS操作简单，而且打包出来的安装包，安装过程和卸载过程都更加正规。推荐使用

一. 准备

    1.下载NSIS软件，安装

        NSIS中文版下载地址：https://pan.baidu.com/s/1mitSQU0

    2.安装asar (参考官方文档https://www.w3cschool.cn/electronmanual/cexo1qkn.html)

 cnpm install -g asar

二. 打包    

    1.在我们electron最初的目录myApp下执行下面命令，生成asar包

    asar pack ./index.html app.asar