本文仅针对vue-electron框架下的打包处理，不一定符合您的情况，请自行辨别1.问题描述及原因分析 解决了多窗口界面显示问题，发现每次打包的时间都特别长，可是项目大小也就几M，这种情况太异常了，于是去查看了项目大小，发现是300多M，整整大了十倍有余。 因为项目小，需要的依赖
一、下载运行electron项目git clone https://github.com/electron/electron-quick-start
cd electron-quick-start
npm install
npm start项目跑起来以后， 就会出现electron的桌面项目，找到clone下来项目的入口文件main.js 和package.json.接下来修改路径和配置
总篇43篇 2019年第17篇背景公司去年对 CDN 资源服务器进行了迁移，由原来的通过 FTP 方式的文件存储改为了使用 S3 协议上传的对象存储，部门内 @柴俊堃 同学开发了一个命令行脚本工具 RapidTrans(睿传)，使用睿传可以很方便将本地目录下的资源上传到 S3 中。睿传运行时接收两个主要参数，
一、设置国内镜像npm config edit执行后会弹出npm的配置文档，将以下类容复制到文件末尾。electron_mirror=https://npm.taobao.org/mirrors/electron/
electron-builder-binaries_mirror=https://npm.taobao.org/mirrors/electron-builder-binaries/二
# Yarn Electron: 使用Yarn构建Electron应用
> 引用形式的描述信息：Yarn是一款快速、可靠、安全的依赖管理工具，Electron是一款使用JavaScript、HTML和CSS构建跨平台桌面应用的开源框架。
## 什么是Yarn Electron？
Yarn Electron是使用Yarn构建Electron应用的一种方法。Yarn是一款强大的包管理器，它可以加
最近接触的项目需要将前端打包成exe的window客户端，简单研究了一下目前常用的 electron ，感觉很方便很实用，在此分享一下自己的使用心得，不足之处，多多指教！ 建议不要下载官网demo，我遇到的第一个坑就是使用了官网demo，可能是电脑系统的原因吧，一直不能安装成功，报错基本为权限问题，后来有幸拜到以为大佬，不遗余力的教我，使我能顺利打
electron-vue打包流程仅适用于windows系统 文章目录electron-vue打包流程前言一、打包流程1. 安装electron提供的打包插件2. 修改package.json文件3. 执行打包命令二、遇到的错误及解决方案1. electron包下载错误2. WinCodeSign下载3. nsis相关下载4. 再次执行打包操作5. 本地安装总结 前言一、打包流程1. 安装elect
前言本文主要介绍如何通过electron-packager及electron-builder两种方式，将已有的electron应用打包成msi格式和exe可执行文件。打包是一个成熟的应用程序一个重要的环节，希望这篇文章可以给大家一些参考，最后会讲到打包时遇到的一些坑，与大家分享。本文适用于有一些electron实践经验的小伙伴，知道如何创建一个简单的electron应用，并且知道electron主
1.前言在上一篇博客中讲到交叉打包的问题，但是很遗憾的是，目前做不到。在window下打包的可执行程序，无法在Linux下执行，并且会出现core dumped的问题，目前无法解决在Linux下可以通过build生成windows下的可执行程序，并且在windows下可执行，而且在windows下通过Inno Setup打包生成可安装程序那接下来就是调研怎么在Linux系统中生成可执行程序。2.L
【打包】接上回 Electron那些事01：起步_uikoo9的专栏简单介绍了electron，以及使用electron做了一个桌面应用demo，相信大家现在最想做的事情就是将桌面应用打包后发给其他人体验，本节开始electron打包【electron-packager】官方推荐的打包工具有3个几个工具的区别后续单独写一篇文章介绍，简单的说electron-forge和electron-
转载
2023-09-05 11:24:43
229阅读
一、项目结构 二、实现代码index.html<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>测试</title>
<script src="index.js"></script>
<
转载
2024-01-01 06:39:49
168阅读
(1). 业务痛点:①. 每次有新版本发布:
a. 需要用户自己去手动点击下载,然后手动一步步操作安装
b. 每次都要去重新选择安装目录等,过程较为耗时、用户需要手动操作,体验不佳1. 全量更新:①. 通过下载最新的包或zip文件,进行软件更新,需要替换所有的文件
②. 整体设计流程图如下:按照流程图去实现:①. 开发服务端接口,用来返回应用最新版本信息
②. 渲染进程使用axio
原创
2023-11-09 09:51:22
156阅读
electron debugger在开发过程中我们经常需要对某一功能进行调试，electron也不例外。 electron有主进程和渲染进程，所以调试部分也分为两大块，即调试主进程和渲染进程渲染进程调试渲染进程和调试浏览器的方法基本差不多。在运行electron 应用之后可以通过下面两种方式打开调试工具手动打开View->Toogle Developer Tools的方式打开 如下图：代码打
转载
2023-07-11 12:03:20
188阅读
主进程api 1.1 Electron app 模块：app 模块是为了控制整个应用的生命周期设计的。 1.2 Electron autoUpdater 模块：这个模块提供了一个到 Squirrel 自动更新框架的接口。 1.3 Electron BrowserWindow 模块：BrowserWindow 类让你有创建一个浏览器窗口的权力。 1.4 Electron contentTracing
转载
2023-12-07 15:24:43
107阅读
一. 准备工作 1.npm的安装需要下载node.js，安装完node.js之后npm自然会有。 2. 首先，我们要安装electron-prebuilt，它是一个npm模块，因此我们可以使用Npm来进行安装，它是一个electron的预编译版本。npm install -g electron-prebuilt &
转载
2023-10-20 19:28:10
156阅读
这里写自定义目录标题简介安装打包更多配置配置vue项目vue-vite的打包单页面应用vue-vite的打包多页面应用多平台打包 mac、win、lunix等forge配置项electron-builder配置项 简介文章更新与2023年2月12日。【打包需要连接外网的资源，需要翻墙。翻不了墙的可以自己查找一下解决方案】electron官网：https://www.electronjs.org
文章目录前言一、安装electron-builder二、打包1. 进行打包2、electron打包的相关配置三、项目调试 前言electron是将静态资源打包到asar文件中，我们打包的时候是将项目所有的文件进行打包的，所以我们访问的主页面其实就相当于是我们以往打包后dist文件中的资源。一、安装electron-builder介绍：electron-builder简单来说就是将我们的项目打包成
最近在学习nodejs,得知Electron是通过将Chromium和Node.js合并到同一个运行时环境中，用HTML，CSS和JavaScript来构建跨平台桌面应用程序的一门技术。对于之前一直从事flash AIR桌面应用开发的我迫不及待的想“尝尝鲜”。 1.在命令行里安装全局electron： npm install -g electron Ps:在这之前你需要安装nodej
转载
2023-11-23 16:14:26
184阅读
官方网站：https://www.electronjs.org/ 开发文档：https://www.electronjs.org/docs 开发API：https://www.electronjs.org/zh/docs/latest/api/app注意：如果用的是最新的electron，应该看最新的文档，有可能出现api不兼容的问题。1.功能介绍： Electron 基于 Chromium 和
转载
2023-12-05 15:19:44
108阅读
上一篇文章【Electron】 Electron 开发桌面应用（一） 编写→运行→打包 我们已经得到了electron打包好的应用了，目录如下，但是我们如何整合成一个安装程序，发给客户使用呢？我们可以使用grunt-electron-installer来生成一. 准备 安装grunt-electron-installer。 &nb
