Electron 相关

Summary: Author: 张亚飞 | 阅读时间: 1 minute read | Published: 2015-01-26
Filed under Categories: LinuxTags: Note,

Electron 官网

收藏比较好的 Electron 开发者博客

其它

收藏比较好的博客文章


设置环境变量

为什么要设置环境变量呢?是因为打包或运行的时候需要下载对应的二进制文件,这些二进制文件下载速度奇慢奇慢的,如果我们使用淘宝 CDN 的话可以把这速度提升得杠杠的.

如果你是 linux 用户,设置临时环境变量,直接执行

ELECTRON_MIRROR=http://npm.taobao.org/mirrors/electron/

如果你是 windows 用户,请依次执行: 计算机->右键->属性->高级系统设置->环境变量->在用于(或者系统)变量下点击->新建

变量名:ELECTRON_MIRROR
变量值:http://npm.taobao.org/mirrors/electron/

Electron 开发环境搭建

全局安装 electron

npm install -g electron-prebuilt

全局安装后就可以在命令行使用 electron 工具

单项目安装

npm install --save-dev electron-prebuilt

注:由于 npm 下载慢,也可以手动下载 electron-v0.36.4-win32-x64.zip 文件

运行 Electron 项目

如果是 使用 npm 全局安装 electron-prebuilt,只要在项目根目录下执行如下命令启动即可

electron .

如果是单项目安装 electron-prebuilt ,则运行如下命令启动应用

./node_modules/.bin/electron .

安装 Electron 项目打包工具 electron-packager

npm install -g electron-packager

初始化项目

初始化 package.json

npm init

一路回车即可


electron-packager 应用打包工具

安装

# for use in npm scripts - 单项目安装
npm install electron-packager --save-dev
 
# for use from cli - 全局安装
npm install electron-packager -g

应用打包命令格式

electron-packager <sourcedir> <appname> --platform=<platform> --arch=<arch> --version=<Electron version> [optional flags...]
# 打包示例
E:\DeveloperWorkspace\ServerCoam\NodeWeb\app>electron-packager . demo --platform=win32 --arch=x64 --version=0.36.4

Comments

Cor-Ethan, the beverage → www.iirii.com