利用Electron把Web项目打包成桌面应用

参考文档

安装

1.Electron是基于Node.js开发的，第一步当然要安装node盒npm了，就不多说了。

2.安装Electron,推荐使用全局安装，直接安装

sudo npm install -g electron-prebuilt

如果卡在install.js了，执行以下替换个npm源，参考了这里

electron_mirror="https://npm.taobao.org/mirrors/electron/"

3.下载demo工程，然后运行。

git clone https://github.com/electron/electron-quick-start
cd electron-quick-start
electron . //运行项目

4.Electron的基本语法和目录层级结构，官网的快速开始已经说的很明白了，也比较简单，就不复述了。
5.开始打包，官网的打包文档，只说了把源文件隐藏，不暴露给用户，就是打包成asar Archives，但我们想打包成.exe和.app。官网的分发(distribute)文档介绍了两种打包工具。

electron-builder
electron-packager

第一个工具是建立安装程序，打包成.exe和.app的话，我们选择第二个。
6.参考了网上的很多教程，其实也就几个版本，说的都一样，我都没搞定，还是自己动手，丰衣足食。仔细看看，项目仓库的README.md说的很清楚，有几点需要注意。

在非win32平台上要打包exe程序，需要Wine 1.6 or later。
基本用法

electron-packager <sourcedir> <appname> --platform=<platform> --arch=<arch> [optional flags...]

简单的使用

cd electron-quick-start //项目目录
electron-packager ./ Hello -all //-all 其实就是  --platform=all --arch=all （在usage.txt里有解释）

可能会重新下载Electron安装包，几十M，等了十几分钟，速度还是几K，看看当前的Electron版本，强制使用当前的版本。

electron -v  //输出v1.4.13
electron-packager ./ oral -all --electron-version=1.4.13

会发现目录里多了个目录，打开里面有个.app在mac里可以直接运行了。

我的博客即将搬运同步至腾讯云+社区，邀请大家一同入驻：https://cloud.tencent.com/developer/support-plan?invitecode=1eld822cduraz

Menu

参考文档

安装