Electron共0篇 第2页
Electron

Electron开发实践(6)—— 打包

Electron开发实践系列文章 Electron开发实践(1)——为什么选择Electron Electron开发实践(2)——Electron生态开发技术选型 Electron开发实践(3)——环境&工程搭建(Vite+Electron+React) Ele...
admin的头像-五八三admin2年前
040
基于electron 和 react,我做了一个桌面音乐播放器?-五八三

基于electron 和 react,我做了一个桌面音乐播放器?

背景 最近正在做一个开源的项目--pear-rec,pear-rec 是一个跨平台的截图、录屏、录音、录像软件。截图功能上篇文章已经讲过了,如果没有看过的可以去看看这篇文章————手把手教你,用electr...
admin的头像-五八三admin2年前
0110
vite+vue3+ts+electron桌面应用web端桌面端开发及生产打包配置!-五八三

vite+vue3+ts+electron桌面应用web端桌面端开发及生产打包配置!

前言 上一章搭建已经搭建好的工程目前只能启动electron桌面端的服务,如果需要启动web端服务的话需要将vite.config.ts中的plugins中的electron插件注释掉。这样非常麻烦,所以并不是我想要的效...
admin的头像-五八三admin2年前
040
Electron + Vite + Vue3 + ts 打造 Mp4 转换器-五八三

Electron + Vite + Vue3 + ts 打造 Mp4 转换器

之前用 Node.js 开发了一款在线版 Mp4 转换器,有同学反映需要本地要安装 ffmpeg,使用起来比较麻烦。其实,我们可以将该应用转换为 Elctron 桌面版,并将 ffmpeg 打包进去做成便携版,不用安装...
admin的头像-五八三admin2年前
030

Electron桌面应用开发基础

Electron桌面应用开发 Electron技术架构 地址:快速入门 | Electron Chromium 支持最新特性的浏览器 Node.js Javascript运行时,可实现文件读写 Native APIS 提供统一的原生界面能力 环境搭建 N...
admin的头像-五八三admin2年前
020
「桌面端」Electron 实时网络环境监控-五八三

「桌面端」Electron 实时网络环境监控

笔者看了很多文章,都有提到需要自建网络监控,但没有开源具体的实现方式,笔者在此摸索了一下,仅供大家参考。 背景 Electron 官方虽然有提供网络在线/离线探测方案,但这个方案是基于浏览器本...
admin的头像-五八三admin2年前
0140
Electron + Vue3 + Vite 开发桌面应用 | 环境搭建-五八三

Electron + Vue3 + Vite 开发桌面应用 | 环境搭建

效果图 技术选型 Electron 25.2.0 Vite 4.3.9 Vue 3.2.47 Yarn 1.22.18 开发步骤 1、执行如下命令创建一个新的Vite项目: $ yarn create vite 输入项目名称:electron-client,选择框架:Vue,...
admin的头像-五八三admin2年前
030
Vue 结合Electron使用-五八三

Vue 结合Electron使用

Electron是什么 Electron 是一个跨平台的、基于 Web 前端技术的桌面 GUI (图形化)应用程序开发框架。你可以使用 HTML、CSS 来绘制界面和控制布局,使用 JavaScript 来控制用户行为和业务逻辑,...
admin的头像-五八三admin2年前
070
chatgpt-electron:基于electron+vite4+vue3跨端聊天模板-五八三

chatgpt-electron:基于electron+vite4+vue3跨端聊天模板

ElectronChatGPT 一款桌面端仿制chatgpt聊天模板项目。 使用最新前端vite4/vue3全家桶技术整合electron电脑端技术实现仿制chatgpt会话聊天程序。支持经典+分栏两种布局、暗黑+明亮主题、多窗口...
admin的头像-五八三admin2年前
040
Electron-builder打包和自动更新-五八三

Electron-builder打包和自动更新

Electron-builder打包和自动更新 前言 文本主要讲述如何为 electron 打包出来软件配置安装引导和结合 github 的 release 配置自动更新。 electron-builder 是将 Electron 工程打包成相应平台的...
admin的头像-五八三admin2年前
0140
详解 Electron 打包-五八三

详解 Electron 打包

Electron 可以使用多种工具进行打包,新手很容易眼花缭乱,不知道如何选择。其实 Electron 打包分为两大阵营: 社区提供的 Electron Builder:这是目前最流行的打包工具,配置简单,开箱即用,...
admin的头像-五八三admin2年前
020
electron资源cpu/memory占用过高的处理思路-五八三

electron资源cpu/memory占用过高的处理思路

背景 最近发现客户端(Electron IM)在某些场景下 CPU/Memory 占用较高,所以需要进一步分析定位问题。本文主要记录这次资源占用优化的过程, 以及尝试分析优化效果。 备注:本文主要是介绍Electron...
admin的头像-五八三admin2年前
0270
Electron+Vite快速构建Vue3桌面应用-五八三

Electron+Vite快速构建Vue3桌面应用

我正在参加「掘金·启航计划」 前言 随之Vite的不断地受欢迎,大家应该都在使用了,最近公司需要开发一个桌面的视频播放器,这就涉及到了Electron,它可以帮助我们快速的开发一个桌面级别的应用...
admin的头像-五八三admin2年前
0240
详解 Electron 应用升级-五八三

详解 Electron 应用升级

Electron 应用升级有两种方案:全量升级和增量升级。 全量升级会下载完整的新版本软件包,覆盖安装到用户电脑上,由于是完整的安装包,里面包含了 Electron 框架,包体积会比较大。 增量升级则...
admin的头像-五八三admin2年前
050
浅谈 Electron.js 中的架构设计-五八三

浅谈 Electron.js 中的架构设计

原文:Advanced Electron.js architecture - LogRocket Blog 不久前,我开始从事一个名为Taggr的附带项目,这是一个完全离线的交互式照片探索应用程序。开发Taggr要求我从应用程序复杂性的最低...
admin的头像-五八三admin2年前
080