排序
Electron 介绍和拓展
本篇文章分享来自小伙伴「huanxing」的一次学习总结分享,希望跟社区的同学一起探讨。 Electron 是什么 Electron是一个内嵌了 Chromium(注:Chromium其实就是 Google 为发展 Chrome 浏览...
学习日常工作不用用到的东西–桌面应用
前言 每家公司使用的开发技术比较固化,如果仅学习在公司中用到的那些前端知识,构建的前端知识体系肯定不全面,不完整。许多属于前端领域的知识,自己的大脑会一片空白,如何破局 ?破局方法很...
Electron 源码学习(1):从源码构建
想要了解 Electron 的运行原理,方法有很多,其中最有效的方法,就是读 Electron 的源码。在我们读源码的时候,可能会尝试通过修改或添加代码来验证代码的功能,这就需要我们掌握从源码构建 Ele...
Electron-react实现 自定义通知 ,帮你踩坑!
摸鱼无聊怎么办,怼着代码死里干! 为了接触更多的新技术,拓展自己的技术能力,本文给大家带来我第一次使用electron的技术文章,记录了对electron的一些基本的认识,主要介绍了electron的一些...
electron实战:仿网易云音乐
仿网易云音乐实战 摘要 vue + electron 实战,实现桌面端应用开发。(electron 中使用 vue、vue 中使用 electron)。项目实战是仿网易云音乐桌面端进行开发。 前言 这个项目是我跟着官方文档的那...
Electron + Vue 3 桌面应用开发
Electron + Vue 3 桌面应用开发 Vite插件实现启动vite时启动electron export const devPlugin = () => { /** * 该vite插件是为了监听vite启动/插件配置更新时候去触发electron启动mainEntry ...
Electron开发实践(6)—— 打包
Electron开发实践系列文章 Electron开发实践(1)——为什么选择Electron Electron开发实践(2)——Electron生态开发技术选型 Electron开发实践(3)——环境&工程搭建(Vite+Electron+React) Ele...
基于electron 和 react,我做了一个桌面音乐播放器?
背景 最近正在做一个开源的项目--pear-rec,pear-rec 是一个跨平台的截图、录屏、录音、录像软件。截图功能上篇文章已经讲过了,如果没有看过的可以去看看这篇文章————手把手教你,用electr...
vite+vue3+ts+electron桌面应用web端桌面端开发及生产打包配置!
前言 上一章搭建已经搭建好的工程目前只能启动electron桌面端的服务,如果需要启动web端服务的话需要将vite.config.ts中的plugins中的electron插件注释掉。这样非常麻烦,所以并不是我想要的效...
Electron + Vite + Vue3 + ts 打造 Mp4 转换器
之前用 Node.js 开发了一款在线版 Mp4 转换器,有同学反映需要本地要安装 ffmpeg,使用起来比较麻烦。其实,我们可以将该应用转换为 Elctron 桌面版,并将 ffmpeg 打包进去做成便携版,不用安装...
Electron桌面应用开发基础
Electron桌面应用开发 Electron技术架构 地址:快速入门 | Electron Chromium 支持最新特性的浏览器 Node.js Javascript运行时,可实现文件读写 Native APIS 提供统一的原生界面能力 环境搭建 N...
「桌面端」Electron 实时网络环境监控
笔者看了很多文章,都有提到需要自建网络监控,但没有开源具体的实现方式,笔者在此摸索了一下,仅供大家参考。 背景 Electron 官方虽然有提供网络在线/离线探测方案,但这个方案是基于浏览器本...
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,...
Vue 结合Electron使用
Electron是什么 Electron 是一个跨平台的、基于 Web 前端技术的桌面 GUI (图形化)应用程序开发框架。你可以使用 HTML、CSS 来绘制界面和控制布局,使用 JavaScript 来控制用户行为和业务逻辑,...
chatgpt-electron:基于electron+vite4+vue3跨端聊天模板
ElectronChatGPT 一款桌面端仿制chatgpt聊天模板项目。 使用最新前端vite4/vue3全家桶技术整合electron电脑端技术实现仿制chatgpt会话聊天程序。支持经典+分栏两种布局、暗黑+明亮主题、多窗口...
Electron-builder打包和自动更新
Electron-builder打包和自动更新 前言 文本主要讲述如何为 electron 打包出来软件配置安装引导和结合 github 的 release 配置自动更新。 electron-builder 是将 Electron 工程打包成相应平台的...
详解 Electron 打包
Electron 可以使用多种工具进行打包,新手很容易眼花缭乱,不知道如何选择。其实 Electron 打包分为两大阵营: 社区提供的 Electron Builder:这是目前最流行的打包工具,配置简单,开箱即用,...
electron资源cpu/memory占用过高的处理思路
背景 最近发现客户端(Electron IM)在某些场景下 CPU/Memory 占用较高,所以需要进一步分析定位问题。本文主要记录这次资源占用优化的过程, 以及尝试分析优化效果。 备注:本文主要是介绍Electron...
Electron+Vite快速构建Vue3桌面应用
我正在参加「掘金·启航计划」 前言 随之Vite的不断地受欢迎,大家应该都在使用了,最近公司需要开发一个桌面的视频播放器,这就涉及到了Electron,它可以帮助我们快速的开发一个桌面级别的应用...
详解 Electron 应用升级
Electron 应用升级有两种方案:全量升级和增量升级。 全量升级会下载完整的新版本软件包,覆盖安装到用户电脑上,由于是完整的安装包,里面包含了 Electron 框架,包体积会比较大。 增量升级则...