1、全局安装electron  

npm install electron -g

2、在cmd 直接输入 electron 直接启electron



3、可以直接将我们平台的index-2.0.html文件拖入就可以直接浏览桌面版程序

黑屏问题在于一些第三方类库没有加载(时候得知);现在解决黑屏问题:

因为是直接拖入html文件,现在我们需要写一个主入口的main.js文件来配置项目的启动页面以及打开窗口的高宽和工具栏

写完main.js后将main.js拖入控制台,可以看到页面启动成功



4、打包程序

需要npm下载对应的打包工具,我们这里用的是npm install -g asar   ,下载完之后运行cmd‘程序 

asar pack C:\Users\ywh\Desktop\test/*路径*/ app.asar/*打包后的文件名*/ 


5、将程序压缩成exe

,下载npm install --save-dev electron-packager ,然后运行

 npm run-script packager,这里是需要写package.json中的配置项,配置项如下

 

"scripts": {

    "start": "electron .",

    "packager": "electron-packager ./  HERisk Windows --out ./OutApp --electron-version 1.4.13 --overwrite --icon=./test/images/icons/her.ico"

  },