一.安装Node.js
输入brew install node就可以完成Node.js和npm的安装。输入npm -v查看npm的版本号，以确认安装无误.
二.安装electron
输入npm install -g electron-prebuilt进行安装。
但是在国内直接这样是安装不了的，我们通过启动Privoxy和shadowsocks实现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和shadowsocks的可以参考此处设置淘宝的cdn加速.
三.跑跑helloworld
参考官方的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.
四.electron-packager的使用
electron-packager <sourcedir> <appname> --platform=<platform> --arch=<arch> --version=<version>通过electron-packager --help或者usage.txt。
我把最重要的一部分附录下：
Usage: electron-packager
--platform=
--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
总结：通过使用electron，可以最大限度的用前端的这一套开发pc上的东西，唯一的缺点就是打包出来的体积为啥那么大呢，一个helloworld竟然100多M。。。。。
官网document
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/229673.html原文链接：https://javaforall.net
