用 electron-packager打包发布exe文件

electron常用有两个打包工具,一个是electron-packager;一个是electron-builder。这里我们看看electron-packager的使用。

1.上一篇中,我们的项目文件在E:\Electron\greeting1中,有三个文件
在这里插入图片描述
2.win+R运行cmd,运行命令行提示符,进入项目目录。输入

npm install electron-packager --save-dev

在这里插入图片描述

【npm install xxx】利用 npm 安装xxx模块到当前命令行所在目录;
【npm install xxx –save】 安装并写入package.json的”dependencies”中;
【npm install xxx –save-dev】安装并写入package.json的”devDependencies”中。

多出来一些文件和node_modules文件夹。
在这里插入图片描述
3.运行打包命令
先运行4. 切换淘宝源,再回来进行这一步。

electron-packager . greeting --platform=win32 --arch=x64 --overwrite

在这里插入图片描述
会出现错误提示。进入node_modules文件夹发现没有electron模块
在这里插入图片描述
输入

npm install electron --save-dev

安装完出现electron模块
在这里插入图片描述
再次运行打包命令

electron-packager . greeting --platform=win32 --arch=x64 --overwrite

在这里插入图片描述
4、打包慢,无反应
(1)更换为阿里镜像源 命令行下输入

npm config set ELECTRON_MIRROR http://npm.taobao.org/mirrors/electron/

(2)修改环境变量
我的电脑->右键->属性->高级系统设置->高级->环境变量->新建

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

切换到淘宝源,然后再回去第3步就好了。

5.打包成功会多出这个文件夹
在这里插入图片描述
里面有个exe就是生成的可执行文件。
在这里插入图片描述
双击,打开
弹出窗口。
在这里插入图片描述
至此,打包为exe完成。

参考:
https://blog.csdn.net/mezheng/article/details/79650816
https://blog.csdn.net/qq_36145914/article/details/100898137

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值