electron快速入门

electron官方地址:https://github.com/sindresorhus/awesome-electron

1.
先下载electron的官方演示程序,
git clone https://github.com/atom/electron-quick-start
我下载放到了 D:\study\electron\1 下面,只保存以下三个文件
index.html
main.js
package.json

2.安装 electron-prebuilt
npm install electron-prebuilt -g(这步很慢,可以用cnpm代替)
安装成功后,node.js根目录会多几个文件,electron,electron.cmd
我nodejs安装在C:\web_soft\nodejs

3.C:\web_soft\nodejs\node_modules\electron-prebuilt\dist 这个目录就是windows下的运行环境,可以把它复制到地方,然后双击electron.exe 就能弹出窗口了。

4.将D:\study\electron\1下的三个文件覆盖C:\web_soft\nodejs\node_modules\electron-prebuilt\dist\resources\default_app内,双击electron.exe再看效果

5.可以将D:\study\electron\1打为只读包
cnpm install asar -g
D:\study\electron>asar pack 1 app.asar
同理可以把app.asar复制到C:\web_soft\nodejs\node_modules\electron-prebuilt\dist\resources内

6.可以可以将D:\study\electron\1打包
cnpm install electron-packager -g
D:\study\electron\1>electron-packager . test --platform=darwin --arch=x64 --version=0.36.10
将产生一个D:\study\electron\1\test-darwin-x64\test.app\Contents
把这个目录下的Resources覆盖C:\web_soft\nodejs\node_modules\electron-prebuilt\dist下的Resources目录,

7.产生安装包
cnpm install electron-builder -g
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值