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