ElectronNote

GitHub
官网
awesome-electron

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

angular和angular-material来开发基于electron的应用
开始使用 electron

其它

kairyou/create-desktop-app-with-nodejs

收藏比较好的博客文章

用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 应用打包工具

electron-packager - Github
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\CoamServer\NodeWeb\app>electron-packager . demo --platform=win32 --arch=x64 --version=0.36.4