初识electron

直接下载代码：npm start

包含{自定义放大 缩小，来消息图标闪烁，创建新的子窗口，向子窗口传参。

}

gitHub代码地址：https://github.com/Lijiyu123/appElectron

打包：{

1、在上一步的 DOS 下，输入 npm install electron-packager -g全局安装我们的打包神器

npm install electron-packager -g

2、安装好打包神器后，还是在上一步的 DOS 下，输入 electron-packager . app --win --out presenterTool --arch=x64 --version 1.4.14 --overwrite --ignore=node_modules 即可开始打包

electron-packager . app --win --out presenterTool --arch=x64 --version 1.4.14 --overwrite --ignore=node_modules

这个命令什么意思？蓝色部分可自行修改：

electron-packager . 可执行文件的文件名 --win --out 打包成的文件夹名 --arch=x64位还是32位 --version版本号 --overwrite --ignore=node_modules

}

第二种打包方式：

.打开项目根路径下的项目package.json,给里面的"scripts":节点里加入"package": "electron-packager ./ --platform=win32 --arch=x64 --version=1.6.2 --icon=./images/aa.ico"
  示例如下【./表示项目的根路径，./images/aa.ico表示根路径下有个images文件夹，里面有个ico图标，--version的值为"electron": 的值，即electron的版本号，
可在cmd下输入electron -v查看或者在当前文件下查看"devDependencies": 里的"electron": 的值】
{
  "name": "electron-quick-start",
  "version": "1.0.0",
  "description": "A minimal Electron application",
  "main": "main.js",

"scripts":{

"test": "start",

"start": "electron .",

"packager": "electron-packager ./ HelloWorld --all --out ./OutApp --version 1.6.2 --overwrite --icon=./src/tray/logo.ico"

}

,
  "devDependencies": {
    "electron": "~1.6.2",
    "electron-packager": "^8.7.2"
  }
}
注意：1.scripts下的package中的--version=1.6.2其中的1.6.2的值为devDependencies下的electron的值

      2.scripts下的package中的./为项目根路径，因为在cmd下执行打包命令时，进入的是项目的根路径，所以只写成./

      3HelloWorld 是exe名称，OutApp是打包的文件名称，ico必须是自己的相对路径