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

参考文档

• Electron官方文档。
• 使用的Demo:electron-quick-start
• 打包工具:electron-packager

安装

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里可以直接运行了。