欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

electron入门指南

程序员文章站 2022-04-21 10:21:38
...

electron入门指南

1. 安装electron

输入npm install -g electron-prebuilt进行安装。
但是在国内直接这样是安装不了的,我们通过启动Privoxy和*实现http代理:

npm config set proxy http://127.0.0.1:8118
npm config set http-proxy http://127.0.0.1:8118
输入npm install -g electron-packager安装打包工具.
其安装目录为:/usr/local/lib/node_modules/electron-packager
备注:没有Privoxy和*的可以参考此处设置淘宝的cdn加速.

2. 入门

参考官方的quick start, clone下来这个项目,然后运行:npm install && npm start就ok了。
npm install 是安装依赖,npm start是打开app。

electron-quick-start/node_modules/electron-prebuilt/dist目录可以看到一个Electron.app文件.
之所以能使用npm start就是因为我们的electron-prebuilt这个东西,但这仅仅是个预构建,如果需要打包还需要下面的packager.

3. electron-packager的使用

electron-packager <sourcedir> <appname> --platform=<platform> --arch=<arch> --version=<version>
通过electron-packager --help或者usage.txt,把最重要的一部分附录下:
Usage: electron-packager <sourcedir> <appname> --platform=<platform> --arch=<arch>

Required options

sourcedir          the base directory of the application source
platform           all, or one or more of: darwin, linux, mas, win32 (comma-delimited if multiple)
arch               all, ia32, x64

Example            electron-packager ./ --platform=darwin --arch=x64

Optional options

appname            the name of the app, if it needs to be different from the "productName" or "name" in the nearest package.json

在Mac上运行如下命令:

electron-packager ./ --platform=mas --arch=x64
由于未指定版本所以会自动下最新的electron-v0.37.6-mas-x64.zip,electron列表.如果要指定版本号:
electron-packager ./ --platform=mas --arch=x64 --version=0.37.5

如果要打Windows平台的包:electron-packager ./ demo --platform=win32 --arch=x64 --version=0.37.6
相关标签: hybrid