jar包以及vue项目打包成exe过程:exe4j, electron

一.关于java项目jar包打包成exe,在无jvm环境下运行处理过程
(备注:需要下载两个软件exe4j和inno setup,以下链接里面有)
1. soringboot项目打成jar包;
2. 准备一份jre,就是找打本地安装jdk的文件夹,拷贝出里面的jre文件夹,和jar包放在同一个文件夹下,比如该文件夹取名叫demoDir;
3. 开始进行生成exe的处理:打开exe4j软件,进入此链接地址,按照步骤进行处理即可将第1步中的jar包,打包生成exe文件:(https://blog.csdn.net/qq_35542689/article/details/81205472?depth_1-utm_source=distribute.pc_relevant.none-task&utm_source=distribute.pc_relevant.none-task);
4.这一步是为了吧第3步生成的exe和jre压缩在一起,减小文件体积,具体步骤是:打开inno setup软件,进入此链接,按照步骤生成压缩在一起后的exe,只要将此exe文件放在无jvm环境的电脑上,进行安装即可;每次开启电脑,只要双击安装后生成的快捷方式,就打开了服务;如果要卸载,打开控制面板,找到对应的暗装项,即可右键点击卸载.(备注:卸载后,其实服务还是在后台运行着,如果需要停止服务,可以重启电脑或者打开任务管理器,删除该服务即可) (https://www.cnblogs.com/caihongmin/p/10554805.html).


二.以及vue项目打包成免安装版exe,在无node环境下运行处理过程
(备注:需要下载一份electron的代码,作为运行vue打包的文件生成exe的工具)
1.克隆electron项目并运行
   1.1: git clone https://github.com/electron/electron-quick-start ,                       
   1.2: cd electron-quick-start ,  
   1.3: npm install ,  
   1.4:npm start // 启动项目,会打开electron程序;
2.打包程序
   2.1: 先将vue项目打包:npm run build,将生成的dist文件放到electron项目根目录下,
   2.2: 修改electron项目目录下main.js中的加载文件的路径,
       2.2.1: mainWindow.loadFile('index.html') // 将默认的请求路径,改成如下
              mainWindow.loadFile('./dist/index.html') // 修改后的:将文件路径替换为打包好的dist目录下的index.html,
   2.3: npm i:安装依赖,npm run start:启动程序,electron应用程序打开后如果页面正常显示则没有问题,接下来安装依赖进行打包即可
   2.4: 安装electron、electron-packager依赖,
       2.4.1: npm install electron --save-dev
       2.4.2: npm install electron-packager --save-dev
   2.5: 在package.json文件中配置打包命令,
       2.5.1: "package":"electron-packager . app起的名字 --platform=win32 --arch=x64 --icon=computer.ico --out=./out --asar --app-version=0.0.1 --overwrite --ignore=node_modules"
   2.6: 运行npm run package进行打包.
       2.6.1; 打包里会提示: WARNING: Make sure that .NET Framework 4.5 or later and Powershell 3 or later are installed, otherwise extracting the Electron zip file will hang. 也就是说NET Framework必须要是4.5以上版本、Powershell必须要是3.0以上的版本才可以成功打包
  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
### 回答1: electron-vue 是一个使用 Vue.js 开发跨平台桌面应用的框架,可以使用 electron-builder 工具将其打包 exe 文件。 以下是将 electron-vue 项目打包 exe 的基本步骤: 1. 安装 electron-builder 在 electron-vue 项目的根目录下执行以下命令: ``` npm install electron-builder --save-dev ``` 2. 配置打包参数 在项目根目录下创建一个 electron-builder.json 文件,用于配置打包参数。可以参考 electron-builder 的文档进行配置,主要括应用程序名称、版本号、图标等。 3. 执行打包命令 在项目根目录下执行以下命令进行打包: ``` npm run build:win ``` 该命令会生一个 dist 目录,其中打包后的应用程序和安装程序,可以在 Windows 上运行。 以上就是将 electron-vue 项目打包 exe 的基本步骤,希望对你有帮助。 ### 回答2: electron-vue 是基于 Vue.js 和 Electron 的开发框架,可以快速构建桌面应用程序。在开发完后,开发者需要将其打包 .exe 格式(Windows 可执行文件),以便部署和发布。 以下是将 electron-vue 项目打包 .exe 文件的步骤: 1. 准备工作 首先要安装 electron-packager ,这个可以让我们快速打包 electron 应用程序。可以在终端中输入以下命令进行安装: npm install electron-packager --save-dev 2. 修改 package.json 文件 在 package.json 文件中,需要添加以下代码: "scripts": { "package": "electron-packager ./ --platform=win32 --arch=x64 --icon=./build/icons/icon.ico --out=./dist --ignore=dist --overwrite" } 这个代码段是一个命令,运行它可以将项目打包指定平台(这里是 win32,也就是 Windows)的可执行文件,以 .exe 格式输出到指定目录(这里是 dist 文件夹)。其中,--icon 表示程序图标,--ignore 是忽略打包的文件夹,--overwrite 表示覆盖已有的输出文件夹。 3. 执行打包命令 在终端中输入以下命令,即可开始打包: npm run package 然后等待一段时间,打包功之后会在 dist 目录下生 .exe 文件。 4. 发布 最后将 .exe 文件上传到合适的平台(例如 GitHub Release),这样用户就可以下载并使用了。 注意事项: - 在打包时需要注意修改 .ico 图标文件的路径,确保能正确找到。 - 若需要打包其他平台的可执行文件,可以修改 --platform 和 --arch 参数。 - 打包时,如果报错了,可以在命令行加上 --verbose 参数,查看具体错误信息。 ### 回答3: electron-vue是一个基于vue.js构建的 electron框架的项目,可以让开发者快速地构建跨操作系统的桌面应用程序,并且electron-vue项目也非常容易打包exe可执行文件,便于在Windows平台上使用。 打包electron-vue项目exe的方法: 首先要在命令行中进入项目根目录, 然后运行: npm run build 或 yarn run build 这两个命令将会编译和打包electron-vue项目,生一个dist目录。 在默认情况下,打包出的exe应用程序是没有图标的,如果需要添加图标,需要在build目录下找到win下的icon.ico文件,并替换你自己的图标文件。 接下来,需要使用第三方的打包工具,如electron-builder,打包exe文件,命令如下: npm run dist 或 yarn run dist 执行完这个命令后,就会在dist目录下生一个installer目录,里面含着生exe文件和其他必要的文件。 理论上,exe应用程序已经可以在Windows平台上使用了。 总结: electron-vue项目打包exe并不是一件复杂的事情。只需进入项目根目录运行 npm run build 命令,然后使用第三方打包工具electron-builder打包,就可以生一个可执行的exe文件了,这样就极大地方便了开发者在Windows平台上部署应用程序。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值