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



猜你喜欢

转载自lucklrj.iteye.com/blog/2282042