electron打包生成exe文件_啊我鹅一五与的博客

打包方式1：DOS窗口命令打包

DOS 下，输入 npm install electron-packager -g 全局安装 我们的打包神器：

cnpm install electron-packager -g

在项目文件夹下面，也就是根目录下面打开DOS执行打包命令：

electron-packager . HelloWorld --platform=win32 --arch=x64 --icon=computer.ico --out=./out --asar --app-version=0.0.1 --overwrite --ignore=node_modules --electron-version 5.0.0

各个参数介绍：

HelloWorld ：你将要生成的exe文件的名称

 --platform=win32：确定了你要构建哪个平台的应用,可取的值有 darwin, linux, mas, win32

--arch=x64：决定了使用 x86 还是 x64 还是两个架构都用

--icon=computer.ico：自定义设置应用图标

 --out=./out：指定打包文件输出的文件夹位置,当前指定的为项目目录下的out文件夹

--asar：该参数可以不加，如果加上，打包之后应用的源码会以.asar格式存在，否则会以文件夹形式存在

--app-version=0.0.1：生成应用的版本号

 --overwrite：覆盖原有的build,让新生成的包覆盖原来的包

--ignore=node_modules：如果加上该参数，项目里node_modules模块不会被打包进去

 --electron-version 5.0.0：指定当前要构建的electron的版本,需要和当前的版本一致,具体可以在package.json文件中查看,可以不加该参数，如果不一致，会自动下载，，，不建议

打包方式2：package.json设置打包：

建议将打包的命令设置在 package.json 的 script 中

设置如下:

  "scripts": {"package":"electron-packager . HelloWorld --platform=win32 --arch=x64 --icon=computer.ico --out=./out --asar --app-version=0.0.1 --overwrite --ignore=node_modules"
然后在项目文件夹DOS窗口下执行命令： 
npm run package 
即可打包成功
                    打包方式1：DOS窗口命令打包DOS 下，输入npm install electron-packager -g全局安装我们的打包神器：cnpm install electron-packager -g在项目文件夹下面，也就是根目录下面打开DOS执行打包命令：electron-packager . HelloWorld --platform=win32 --arch=x64 --icon=computer.ico --out=./out --asar --app-version=0.0..
				Electron 是由 Github开发的开源框架，它允许开发者使用Web技术构建跨平台的桌面应用。electron是通过将Chromium和Node.js合并到同一个运行时环境中，用html，css，JavaScript来构建跨平台桌面应用的一个开源库，并将其打包为Mac，Windows和linux系统下的应用来实现这一目的。
Electron = Chromium + Node.js + Native API
Chromium : 为Electron提供了强大的UI能力，可以不考虑...
1、package.json中添加配置如下：
  "scripts": {
            "package":"electron-packager . demoName --platform=win32 --arch=x64 --icon=favicon.ico --out=./out --asar --app-version=0.0.1 --overwrite --ignore=node_modules"
demoName-生成的应用程序.exe的名称
基本命令：
 electron-packager <sourcedir> <appname> --platform=<platform> --arch=<arch> [optional flags...]
命令说明：
sourcedir：项目源文件所在路径（唯一的必须参数）
appna...
				如果按本文操作遇到一些问题报错，如C:\Users\milyyy\AppData\Roaming\npm-cache\_logs\2018-11-27T07_36_17_406Z-debug.log等等，解决办法可以参见我的另一篇文章：electron打包VUE项目中遇见的报错解决
本篇文章源码请移步我的GitHub地址：简易使用electron打包vue
踩过了无数的坑，碰到了很多问题。终...
接上回Electron那些事01：起步_uikoo9的专栏-CSDN博客
简单介绍了electron，以及做了简单demo使用electron做了一个桌面应用demo，
相信大家现在最想做的事情就是将桌面应用打包后发个其他人体验，本节开始electron打包
【electron-packager】
官方推荐的打包工具有3个
几个工具的区别后续单独写一篇文章介绍，
简单的说electron-forge和electron-builder都是打包工具集功能比较多，适合想快速上...
				Vue框架并不是一种可以直接打包成exe的软件。Vue是一种JavaScript框架，用于开发网页和应用程序。如果您想要将Vue应用程序打包为exe文件，需要使用第三方工具来完成。以下是一些可能用于打包Vue应用程序的工具：
1. Electron：Electron是一个开源的框架，可以用于将Web应用程序打包成桌面应用程序。它可以结合Vue框架使用，使开发者可以使用常见的Web技术（如HTML、CSS和JavaScript）来构建跨平台的桌面应用程序。
2. NW.js：NW.js是另一个允许您使用Web技术来构建桌面应用程序的开源框架。它支持使用Vue框架开发，并可通过打包工具将应用程序打包成exe文件。
3. 使用打包工具：通过使用第三方打包工具（如Electron-builder、NW.js-builder等），可以将您的Vue应用程序打包成可执行文件。这些工具通常支持添加自定义图标、版本号和其他应用程序元数据。
需要注意的是，将Vue应用程序打包成exe文件需要使用一些专门的工具和软件，并可能需要进行一些配置和调试。因此，建议您在开始尝试打包之前先掌握Vue框架和相关打包工具的基本知识。