简介

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

  

 

  
1
 

创建 electron 项目

1. 克隆示例项目的仓库

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

  

 

  
1
 

2. 进入仓库

cd electron-quick-start

  

 

  
1
 

3. 安装依赖并运行

npm install && npm start

  

 

  
1
 

打包

安装依赖

安装 electron 和 electron-packager

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

  

 

  
1
  
2
 

如果之前安装失败，请按照提示，进入 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"
	}
	……
}

  

 

  
1
  
2
  
3
  
4
  
5
  
6
  
7
  
8
  
9
  
10
 

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：可选选项

文章来源: blog.csdn.net，作者：福州-司马懿，版权归原作者所有，如需转载，请联系作者。

原文链接：blog.csdn.net/chy555chy/article/details/105770871