利用：Electron 进行开发。链接》第一：把electron的官方例子扒下来，下面简称A，留着待用：git clone https://github.com/electron/electron-quick-start第二：进入我们自己的项目（下面简称B），修改公共路径为相对路径（很多同学都是这步出了问题，导致 npm run build 后出现白屏情况）：如果你是 vue-cli3 构建的项目
转载
2024-01-30 09:56:18
224阅读
需分「基础配置（开发环境生效）」和「打包配置（生产环境生效）」两步操作，且需适配 Windows/macOS/Linux 不同平台的图标格式要求。通过以上步骤，即可完成 Electron 项目的名称和图标更换，且确保在开发和生产环境、不同平台下都能正常显示。需在打包工具中指定图标路径，确保生成的安装包/绿色版应用显示新图标。不同平台对图标格式和尺寸要求不同，需提前准备对应格式的图标文件，建议放在项目根目录的。. mulu 是打包这个exe的名字和 目录名字。完整package.json代码。
最近在学习nodejs,得知Electron是通过将Chromium和Node.js合并到同一个运行时环境中，用HTML，CSS和JavaScript来构建跨平台桌面应用程序的一门技术。对于之前一直从事flash AIR桌面应用开发的我迫不及待的想“尝尝鲜”。 1.在命令行里安装全局electron： npm install -g electron Ps:在这之前你需要安装nodej
转载
2023-11-23 16:14:26
262阅读
vue项目打包成exe可执行文件在学习的过程中，发现关于 Electron ，常见的有两种打包方法：将自己的 vue 项目打包，放到官方的 demo 文件中，改变打包路径在自己的 vue 的项目中引入插件，然后打包 经过一番尝试，我决定采用第一种，原因是：特！别！简！单！下面详细介绍下第一种方法：打包成exe可执行文件1、把electron的官方例子扒下来，下面简称A，留着待用：git clone
转载
2023-12-18 15:17:19
345阅读
上一篇文章【Electron】 Electron 开发桌面应用（一） 编写→运行→打包 我们已经得到了electron打包好的应用了，目录如下，但是我们如何整合成一个安装程序，发给客户使用呢？我们可以使用grunt-electron-installer来生成一. 准备 安装grunt-electron-installer。 &nb
转载
2024-08-15 11:06:56
209阅读
QQ 1274510382Wechat JNZ_aming商业联盟 QQ群538250800技术搞事 QQ群599020441解决方案 QQ群152889761加入我们 QQ群649347320共享学习 QQ群674240731纪年科技aming网络安全 ,深度学习,嵌入式,机器强化,生物智能,生命科学。叮叮叮：
原创
2021-07-15 10:36:34
1441阅读
electron将vue项目打包为exe程序将自己的vue项目进行打包npm run build可以看到打包后的文件安装electronnpm install electron将这个地址复制到文件夹中打开 打开后进到/dist里面 然后把这个地址配置环境变量配置环境变量：在系统变量的path中添加进去安装成功之后，可以看到electron安装后的版本 此时表明安装成功创建主程序的入口文件main.
转载
2024-01-30 22:01:41
572阅读
以下结论整理至网络，本人亲测有效，电脑系统 macOS：版本：Mojave 10.14.6因为 Electron 的源在国外，如果我们直接使用 npm 进行安装，由于众所周知的原因，如果你没有一个好的，通常下载速度只有几 k 到十几 k的速度。如图： 运气非常好时，可能能跑到100多k。而这个包有差不多 50MB，可想而知，如果是以几k的龟速，不知道要下载到猴年马月。反正有一
参考链接： Electron入门应用打包exe（windows） 安装nodejs 就顺便自己安装了npm： node-v14.17.3-x64.msi 一路next，如下位置勾选。 安装electron-packager配置淘宝镜像： npm install electron-packager - ...
转载
2021-07-23 09:01:00
1243阅读
2评论
打包方式1：DOS窗口命令打包 DOS 下，输入 npm install electron-packager -g全局安装我们的打包神器： 在项目文件夹下面，也就是根目录下面打开DOS执行打包命令： 各个参数介绍： 打包方式2：package.json设置打包： 建议将打包的命令设置在package
原创
2021-07-23 11:52:27
1816阅读
设置后，安装electron、vue-cli-plugin-electron-builder以及electron-devtools-installer，后两个插件用于打包。步骤一成后，先别急着运行，还得改造一下。所以最好先设置一下代理。
转载
2023-09-15 12:05:12
1678阅读
方案一：利用electron直接打包项目暂未成功，打包完exe会报错 打包方式：（1）DOS窗口命令打包 DOS 下，输入 npm install electron-packager -g全局安装我们的打包神器：cnpm install electron-packager -g（2）在项目文件夹下面，也就是根目录下面打开DOS执行打包命令：electron-packager . HelloWorl
转载
2024-02-29 21:43:44
141阅读
手把手教你把前端代码打包成msi和exe应用Electron实战：创建ELectron开发的window应用安装包
转载
2022-11-08 18:55:29
408阅读
一、安装 electron-packagerPS：安装之前，先复制一份package.json文件到./app目录下，然后改下./app目录下package.json里 “main”: “app/main.js”的路径（去掉app/），不这样子的话，下面打包的时候会报错，有的版本识别不了应用路径。1、使用命令 npm install --save-dev electron-pa
原创
精选
2023-05-15 10:38:49
3663阅读
electron应用程序打包官方文档： https://electronjs.org/docs/tutorial/application-packaging关于转exe的操作：这篇文章讲的还不错，可以参考：https://newsn.net/say/electron-quick-start-modify.html 第一步：创建并运行项目（）：1、下载官方第一个dem
转载
2024-07-22 10:47:35
1062阅读
有需求说公司的项目，要到展会上面去用，所以肯定不能再拿浏览器打开一个网址了，太low了。 所以干脆就用electron这个把线上链接打包到桌面使用。第一次安装自动打包都是windows 64系统的，在网上找了很多资料都很繁琐。 通过自己的摸索，顺利的打包出，既可以兼容windows 64也可以兼容windows 34的web应用。electron官网：https://www.electronjs.
转载
2024-03-15 14:40:37
914阅读
文章目录0 前提条件1 OBS 桶创建和配置1.1 华为云OBS桶的创建1.2 配置桶允许跨域请求1.3 获取桶信息2 SpringBoot 后端配置2.1 依赖2.2 application.properties 配置2.3 工具类2.4 Controller3 Vue 前端配置3.1 Vue 组件3.2 upload API3.3 request.js 0 前提条件请先确保SpringBoo
场景上面已经讲了使用Electron项目搭建Hello World最后通过npm start将项目运行，那么怎样将Electron项目打包成exe桌面应用文件那。注：关注公众号 霸道的程序猿 获取编程相关电子书、教程推送与免费下载。实现使用elcetron-packager打包首先在电脑上全局安装electron-packagenpm install electron-packager -g或者c
原创
2023-03-22 09:13:09
1337阅读
