使用electron打包为window客户端

最近接触的项目需要将前端打包成exe的window客户端，简单研究了一下目前常用的 electron ，感觉很方便很实用，在此分享一下自己的使用心得，不足之处，多多指教！

      建议不要下载官网demo，我遇到的第一个坑就是使用了官网demo，可能是电脑系统的原因吧，一直不能安装成功，报错基本为权限问题，后来有幸拜到以为大佬，不遗余力的教我，使我能顺利打包成功，再次深深感谢！

      我的 demo，下载地址

      1、下载后，安装好依赖，建议使用管理员权限打开命令行，使用 npm run dev 测试是否可以正常运行，注：默认打开控制台的，如需关闭，可在index.js文件中注释掉此段代码： win.webContents.openDevTools()

      2、可以正常运行后，测试打包，命令：npm  run build，此步骤最容易报错：      此为权限问题，虽然我已经使用管理员权限打开命令行，但是仍然未能避免（我怀疑是自己的window版本不是专业版的原因），不论是因为什么吧，问题总要解决，经我多方求教后我的解决办法是，修改package.json 中的 builder 命令，原来是 electron-packager .（注意这个‘点’要记得写，因为可能有人系统没有问题，这个命令是可用的），修改后为：electron-builder（注此处没有‘点’），修改后重新下载依赖，然后使用命令：npm run build 进行打包（第一次打包时间较长，请耐心等待）。

      3、命令运行完成后，在dist文件夹下会出现一个exe文件，点击即可运行，如下图                                                                          

      4、如上，对于当前demo的打包已经完成了，此时可以着手进行打包我们自己的项目了，首先把自己的项目打包好生成dist文件后，复制打包后的static文件夹和index.html 到刚刚下载过的demo文件夹下，最终如图所示：

       

      此时测试下项目是否可以正常运行，如可以请使用 npm run build 进行打包，（可按需修改 package.json 文件中的配置），最终完成打包完成。

     余下时间我会继续总结在使用electron过程中遇到的问题，欢迎大家一起讨论！！

     2020.03.18 更新：

     

     换为 electron-builder 命令打包后，记得使用 cnpm install -g electron-builder 全局安装打包命令！

     demo中的命令只能生成exe的包但是不可安装，之前忽略了，目前补上！

      

      以及如上一些小功能的更新！