首页技术博客 技术经验 正文

Electron安装及打包exe

2022-02-11 1049 0条评论

一、安装node.js

二、安装淘宝镜像的包命令行管理工具cnpm

三、全局安装electron

四、安装git

五、快速上手electron

六、使用electron-packager打包成exe

1. 全局安装打包神器electron-packager

2. 开始打包

(1) 最简打包

(2) 直接在命令中设置参数打包

(3) 在package.json文件中配置参数打包

(4) 还可以使用asar对resources文件进行简单加密

3. win10 C盘中打包可能会碰到的问题



一、安装node.js

http://nodejs.cn/
nodejs安装非常简单,废话不多说。安装完成效果:
(npm是node的模块管理工具,由node附带安装)


image.png


二、安装淘宝镜像的包命令行管理工具cnpm

npm install cnpm -g --registry=http://registry.npm.taobao.org


这步巨慢,耐心。


貌似是另一种更换npm镜像地址的方法:https://www.jianshu.com/p/83ca29c193cd

1.看一下npm仓库地址:

npm get registry


得到 https://registry.npmjs.org/

2.替换地址

npm config set registry http://registry.n



三、全局安装electron

cnpm install electron -g


后面反正要git clone一个项目,也不知道这一步在干啥,先不管,干就完了。


四、安装git

官网下载地址:https://git-scm.com/download/win

官网如果下载太慢,随便下一个得了。

安装参考:https://www.cnblogs.com/ximiaomiao/p/7140456.html

安装基本下一步下一步就行了,安装完成后需不需要添加环境变量也不清楚,暂时不添加。

任一文件夹或者桌面上点击右键,有下图菜单,就算安装成功了。


image.png



五、快速上手electron

官方提供了快速上手实例。
找个地儿,建个文件夹,Git Bash Here,然后:


git clone https://github.com/electron/electron-quick-start
cd electron-quick-start
npm install
npm start


只需要把第一行拷进去,按下回车,一切就像全自动的一样开始了:



image.png



最后连npm start都给你打好了:


image.png


这就算已经启动了,文件在你刚才Git Bash Here的地方:

image.png




会员资源

会员用户免费查看此资源升级会员

文章版权及转载声明

本文作者:符文浩 网址:http://blog.fuwenhao.com/post/506.html 发布于 2022-02-11
文章转载或复制请以超链接形式并注明出处。

发表评论

快捷回复:

评论列表 (暂无评论,1049人围观)参与讨论

还没有评论,来说两句吧...

取消
微信二维码
微信二维码
支付宝二维码