elctron项目_利用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 --platform= --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里可以直接运行了。