electron 打包成 exe

简介

Electron 基于 Chromium（开源 CEF 内核） 和 Node.js, 让你可以使用 HTML, CSS 和 JavaScript 构建应用，兼容 Mac、Windows 和 Linux，可以构建出三个平台的应用程序。

环境搭建

首先安装 node.js（ node -v 查看当前版本 ）

然后安装 npm 的淘宝镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

创建 electron 项目

1. 克隆示例项目的仓库

git clone https://github.com/electron/electron-quick-start

2. 进入仓库

cd electron-quick-start

3. 安装依赖并运行

npm install && npm start

打包

安装依赖

安装 electron 和 electron-packager

cnpm install -g electron
cnpm install -g electron-packager

如果之前安装失败，请按照提示，进入 electron-quick-start\node_modules\electron 目录，然后删除里面的所有文件后，再次执行安装命令。


执行 electron -v 可以查看当前版本，使用 electron . 可以直接运行项目

开始打包

1. 找个 ico 图标，命名为 icon.ico 放在 electron-quick-start 目录下
2. 修改 package.json

{
	……
	"scripts": {
	    "start": "electron .",
		"setEnv": "set ELECTRON_MIRROR=https://npm.taobao.org/mirrors/electron/",
		"packager": "electron-packager . MyTool --platform=win32 --arch=x64 --icon=icon.ico --out=./build --asar --app-version=0.0.1",
		"build": "cnpm run setEnv && cnpm run packager"
	}
	……
}

3. 执行 cnpm run build，然后就会在 build 目录下生成 “可执行文件” 了

打包的命令行参数说明

electron-packager <location of project> <name of project> <platform> <architecture> <electron version> <optional options>

参数说明：

• location of project：项目所在路径
• name of project：打包的项目名字
• platform：确定了你要构建哪个平台的应用（Windows、Mac 还是 Linux）
• architecture：决定了使用 x86 还是 x64 还是两个架构都用
• electron version：electron 的版本
• optional options：可选选项