利用:Electron 进行开发。链接》第一:把electron的官方例子扒下来,下面简称A,留着待用:git clone https://github.com/electron/electron-quick-start第二:进入我们自己的项目(下面简称B),修改公共路径为相对路径(很多同学都是这步出了问题,导致 npm run build 后出现白屏情况):如果你是 vue-cli3 构建的项目
转载
2024-01-30 09:56:18
221阅读
以下结论整理至网络,本人亲测有效,电脑系统 macOS:版本:Mojave 10.14.6因为 Electron 的源在国外,如果我们直接使用 npm 进行安装,由于众所周知的原因,如果你没有一个好的,通常下载速度只有几 k 到十几 k的速度。如图: 运气非常好时,可能能跑到100多k。而这个包有差不多 50MB,可想而知,如果是以几k的龟速,不知道要下载到猴年马月。反正有一
最近在学习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阅读
在当今多平台开发中,Electron 是一个流行的解决方案,广泛用于创建跨平台桌面应用程序。然而,在与 Java 的集成和打包过程中,开发者常常会遇到一些挑战。本篇博文将详细阐述如何解决“Electron java打包”的一系列问题,内容包括技术痛点分析、演进历程、架构设计、性能提升、故障复盘等重要模块。
## 初始技术痛点
随着业务规模的不断扩大,项目需要在多平台上运行,但 Java 和 E
作者:laynechen我们知道 Electron 提供了一个类似浏览器,但有更多权限的环境来运行我们的网页,那么 Electron 是怎么做到将我们的网页代码打包成一个可执行程序的呢?这篇文章主要介绍如何打包 Electron 应用,以及分析 electron-builder 是如何对我们的应用进行打包的。如何打包Electron 目前有两种打包工具:electron-userland/elec
转载
2024-02-05 21:31:56
205阅读
客户需求,要求vue做一个桌面应用,很久没碰vue了,这里简单记录下。我是用Hbulider X 创建的vue项目,electron打包vue项目为桌面应用。目录结构:打包之前需要简单创建几个vue界面,同时安装axios和router,让页面可以正常跑起来。main.jsimport Vue from 'vue';
import App from './App.vue';
import VueR
# 在 Electron Vue 项目中打包需要 Python 环境的指南
在开发 Electron 应用程序时,可能会遇到需要打包项目的需求。特别是当项目中使用了某些依赖时,可能需要 Python 环境来顺利完成打包。本文将为你详细介绍如何在 Electron Vue 项目中实现此功能。
## 整体流程
以下是打包 Electron Vue 应用所需的基本步骤:
| 步骤
Vue: Electron打包Vue项目后,首界面空白这个问题呢,是在开发到最后,准备 push 项目到 github 时出现的问题。当我用 npm run electron:build 打包项目后,再次安装打开项目,发现首页空白。更奇怪的现象是,当我 使用 npm run electron:serve 时,界面却可以正常显示,并且一切正常!此时,回头查看了一下项目的路由 router ,可能影响到Electron打包的几个路由,都在这里:我将 path: * 如下图所示,取消注释后,n
原创
2021-09-01 18:43:45
9356阅读
总篇43篇 2019年第17篇背景公司去年对 CDN 资源服务器进行了迁移,由原来的通过 FTP 方式的文件存储改为了使用 S3 协议上传的对象存储,部门内 @柴俊堃 同学开发了一个命令行脚本工具 RapidTrans(睿传),使用睿传可以很方便将本地目录下的资源上传到 S3 中。睿传运行时接收两个主要参数,
转载
2024-06-06 12:01:13
252阅读
需求: 将一个已经上线的后台管理系统(只兼容Chrome)打包成一个不需要谷歌浏览器就可以运行的软件需要安装:npm install electron -gnpm install electron-packager -gWinRAR解压工具(或者2345等其他解压工具也可以)Powershell 3 或 3 以上版本(electron-packager打包需要)NET 4.5 或 4.5 以上版本
转载
2023-08-18 16:50:22
552阅读
目录Webpack + Vue 搭建开发环境及打包安装 ------- 打包渲染进程Electron + Webpack 搭建开发环境及打包安装 ------- 打包主进程Electron + Webpack + Vue 搭建开发环境及打包安装 ---- 打包electron应用三、打包Election App 应用 在之前的节中已经写了渲染进程的打包,以及主线程的简单打包构建,那么
转载
2023-10-08 10:54:40
22阅读
笔者在打包项目的时候,并非一帆风顺,也遇到了很多问题 ,这里将遇到的问题及解决方法分享出来,供大家参考。1. 报错 Unresolved node modules: vuevue-cli 搭配 electron-vue 生成的项目,在 dev 模式下运行无误,而在 build 时报错 Unresolved node modules: vue 。问题原因在网上搜到的原因,是使用了淘宝镜像(就是使用
原创
2021-04-27 12:29:14
851阅读
笔者在打包项目的时候,并非一帆风顺,也遇到了很多问题,这里将遇到的问题及
原创
2022-01-07 13:39:31
266阅读
Electron
原创
2022-06-07 19:42:12
362阅读
点赞
在这篇博文中,我们将探讨如何将使用 Electron 框架构建的 Vue 应用程序打包成 Android 应用。这听起来似乎是一个不小的挑战,但别担心,我们会一步步来,慢慢理解整个过程。
### 协议背景
在当今的应用程序开发中,跨平台有着越来越重要的价值。Electron 是一个框架,可以让我们基于 Web 技术(如 HTML、CSS 和 JavaScript)来开发桌面应用,而 Vue 则
electron+vue打包必备组件下载失败
原创
2023-06-08 15:01:11
442阅读
需分「基础配置(开发环境生效)」和「打包配置(生产环境生效)」两步操作,且需适配 Windows/macOS/Linux 不同平台的图标格式要求。通过以上步骤,即可完成 Electron 项目的名称和图标更换,且确保在开发和生产环境、不同平台下都能正常显示。需在打包工具中指定图标路径,确保生成的安装包/绿色版应用显示新图标。不同平台对图标格式和尺寸要求不同,需提前准备对应格式的图标文件,建议放在项目根目录的。. mulu 是打包这个exe的名字和 目录名字。完整package.json代码。
# Electron打包Java后端的完整指南
在现代应用开发中,Electron 用于构建跨平台的桌面应用,而 Java 后端则为数据处理和业务逻辑提供支持。本教程将引导你如何将 Java 后端与 Electron 应用结合,并对其进行打包。我们将通过以下步骤完成这一流程:
## 流程概述
以下是整个项目流程的简要概述:
| 步骤 | 描述
一、RIA的定义
有人预言,2008年将是RIA技术竞争非常激烈的一年。果然不出所料,Adobe公司于今年年初发布了AIR1.0和Flex3.0;紧接着Microsoft也不甘示弱,于今年3月份发布了Silverlight2.0 Beta版;在5月份举行的2008 JavaOne大会上,JavaFX毫无悬念地成为本次JavaOne会议的焦点之一。 那么,什么是RIA? RIA是R
最近接触的项目需要将前端打包成exe的window客户端,简单研究了一下目前常用的 electron ,感觉很方便很实用,在此分享一下自己的使用心得,不足之处,多多指教! 建议不要下载官网demo,我遇到的第一个坑就是使用了官网demo,可能是电脑系统的原因吧,一直不能安装成功,报错基本为权限问题,后来有幸拜到以为大佬,不遗余力的教我,使我能顺利打
转载
2024-06-13 16:42:56
161阅读