Electron创建一个桌面应用

Electron创建一个桌面应用

参考链接
1. 初始化

安装node.js
创建目录my_app
命令行进入my_app目录
npm init
全默认

1. 安装electron

打开~/.npmrc
修改代码为：
registry=https://registry.npm.taobao.org
sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
phantomjs_cdnurl=http://npm.taobao.org/mirrors/phantomjs
ELECTRON_MIRROR=http://npm.taobao.org/mirrors/electron/
之后再cmd执行：
npm install -g -d electron-prebuilt
npm install -g -d electron-packager
npm install -g -d electron
npm install -g -d asar

1. 运行my_app

[windows]
electron .
没加入环境变量则执行
.\node_modules\.bin\electron .
[macOS / Linux]
electron .
没加入环境变量则执行
./node_modules/.bin/electron .

1. 打包应用

注意：这里生成asar文件的名字只能是app
asar pack my_app app.asar

1. 创建外壳

electron-packager my_app my_app windows x64 --version 1.4.12
electron-packager 项目路径 打包名 操作系统 系统位 --version 1.4.12
命令说明：
* location of project：项目所在路径
* name of project：打包的项目名字
* platform：确定了你要构建哪个平台的应用（Windows、Mac 还是 Linux）
* architecture：决定了使用 x86 还是 x64 还是两个架构都用
* electron version：electron 的版本
* optional options：可选选项

1. 删除源码

删除【my_app-win32-x64\resources\】下的app目录

1. 发布

将【app.asar】移动到【my_app-win32-x64\resources\】下
【my_app-win32-x64】此时即为发布目录