electron-builder electron builder
在vue2.0 项目中集成 Electron 实现桌面端应用
需求：在桌面端有个应用能直接打开项目，不用在浏览器中浏览。 方案：vue2.0 + Electron 关于vue的项目搭建和electron的相关介绍可以去官网了解，这里是直接在已经开发好的vue2.0的项目中直接加入electron。 electron介绍： 参考1： https://electr ......
启动vite和electron项目配置多个主进程
推荐 concurrently 点击查看代码 "dev": "concurrently \"nodemon --exec electron . \" \"vite\"", 成熟的脚手架 日常开发可以使用 electron-vite (opens new window)或 electron-vite- ......
Electron-React18-MacOS桌面管理系统|electron27+react仿mac桌面
基于React18+Electron27+ArcoDesign仿macOS桌面端系统框架ElectronMacOS。 electron-react-macOs 基于electron27.x+vite4+react18+arcoDesign+zustand等技术构建桌面版仿MacOs框架系统解决方案。 ......
用Electron+vue+ffmpeg开发一个视频处理的工具
前端时间用electron+ffmpeg开发了一个视频压缩软件，然后越熟悉ffmpeg越觉得它的牛叉，以前觉得视频处理需要高深莫测的技术，ffmpeg为我解开了视频处理的神秘面纱。然后决定做一个视频处理的工具，包括视频压缩、视频剪切、视频合并、视频格式转换、视频添加水印，先上效果图。 上一篇文章介绍 ......
安装electron时一些报错的处理
安装 npm install --save-dev electron 是网络的原因，修改NPM配置 npm config edit 在弹出的配置文件中修改 registry=https://registry.npmmirror.com electron_mirror=https://cdn.npmm ......
electron打包步骤
# npm清理缓存 npm cache clean --force # 创建文件夹 mkdir xxx && cd xxx # 初始化(entry point 应为 main.js，author必填，description必填) npm init # 安装electron包 npm install ......
Electron 安装启动
npm install --save-dev electron 安装的时候会报错20.205.243.166该地址是github的地址，由于在国内无法访问。 解决办法：更改electron安装源。 npm config set ELECTRON_MIRROR https://npmmirror.co ......
electron的axios用法
当在 Electron 中使用 axios 库时，你需要在渲染进程的代码中使用它来发起 HTTP 请求。以下是一个完整的示例，展示了如何在 Electron 中导入并使用 axios 库： index.html: ```html <!DOCTYPE html> <html> <head> <titl ......
2023-11-13 electron-egg（学习笔记）
描述：一个基于Electron的桌面软件开发框架。 项目地址：https://gitee.com/dromara/electron-egg.git 官网：https://www.kaka996.com/ 注： clone下来后可以切换到demo分支查看demo效果，master分支就只是简单的hel ......
Go中字符串处理：fmt.Sprintf与string.Builder的比较
在Go语言中，我们通常会遇到两种主要的方式来处理和操作字符串：使用fmt.Sprintf函数和string.Builder类型。尽管两者都可以实现字符串的格式化和连接，但它们在性能和用法上有一些关键区别。 1. fmt.Sprintf fmt.Sprintf是一个函数，它根据提供的格式化字符串和参数 ......
electron学习笔记
1 const { app, BrowserWindow, Menu ,remote , ipcMain } = require("electron"); 2 const path = require("path"); 3 const axios = require('axios'); 4 cons ......
electron+vite,配置：vite-plugin-electron
1、创建vite项目，安装electron，electron从23开始不支持win7，win8.1所以我用最后一个版本 pnpm create vite pnpm ADD -D electron@22.3.27 pnpm i vite-plugin-electron -D 2、创建electron的 ......
electron+vite笔记
1、配置国内electron 镜像 .npmrc electron_mirror=https://registry.npmmirror.com/-/binary/electron/ electron_builder_binaries_mirror=https://registry.npmmirror ......
用Electron开发一个视频压缩软件
前段时间用Electron开发了一个图片压缩软件，使用起来很好，然后又想到何不再做一个视频压缩的？公司网站上视频蛮多，每月消耗流量也不是个小数目，这都是钱啦，在清晰度可接受的范围内把视频压缩下，有可能就省一半的流量费。 说干就干，开始查资料，首先找到的就是FFMPEG，它号称多媒体业界的瑞士军刀，暴 ......
electron播放rtsp流
需要在客户端播放 rtsp 流, 用了一些第三方的方案(ffmpeg + websocket + jsmpeg)效果不是很好, 根据实际需求便改为 ffmpeg + mjpeg, 效果不错. <template> <div style="display: inline-block; width: 1 ......
2023-11-06 如何打包Electron项目（未完待续）
运行打包命令： npm run make 如图： 打包成功后的目录： 这个名为out的就是打包后的文件所在的地方 my-app-elec-win32-x64为可分发的文件夹 双击它，即可启动！ 现在你看到的是运行npm run make打包后的开发包，我们接下来要用一个工具来对这个包编译成appk文 ......
2023-11-06 Could not find any Electron packages in devDependencies ==》没有安装Electron 导致
推荐使用powershell终端来输入，如果你用的是vscode的终端会出现卡在加载中的情况，而前者则可以通过回车键来刷新加载状态 问题描述：electron项目安装好后，运行npm run start时报错。 解决方案： npm i electron --save-dev ......
前端开发笔记[3]-electron嵌入jupyterlite
摘要 在electron应用中嵌入jupyterlite,实现python程序和运行环境的跨平台打包. jupyterlite简介 [https://jupyter.org/try-jupyter/lab/] [https://zhuanlan.zhihu.com/p/578412030] [htt ......
使用Lombok@Builder、@Data（没有生成无参构造方法）这个坑要注意，使用@Builder时配合@NoArgsConstructor和@AllArgsConstructor一起使用
使用Lombok@Builder、@Data（没有生成无参构造方法）这个坑要注意，，使用@Builder时配合@NoArgsConstructor和@AllArgsConstructor一起使用 Lombok为我们开发带来了极大便利，特别是在想要使用建造者模式的时候只需要在类上加@Builder注解 ......
ElectronReactAdmin跨平台管理系统|electron27+react18后台模板EXE
基于electron27+react18+arco电脑端后台管理程序EXE实例ElectronRAdmin。 electron27-react18-admin 基于跨平台技术Electron集成Vite.js构建桌面端React18后台管理系统应用解决方案。支持dark/light主题、中英文/繁体 ......
基于Electron27+Vite4+React18搭建桌面端项目|electron多开窗口实践
前段时间有分享一篇electron25+vite4搭建跨桌面端vue3应用实践。今天带来最新捣鼓的electron27+react18创建跨端程序、electron多开窗体(模拟QQ登录窗口切换主窗口)、自定义无边框窗口拖拽导航栏的一些知识分享。 electron团队更新迭代比较快，目前稳定版本已经 ......
体验electron day 2
按照昨天的教程。 https://www.electronjs.org/zh/docs/latest/tutorial/quick-start npm install --save-dev electron 进行到这一步，出问题了。无法安装成功。外网访问问题。 使用npm安装electron不成功的 ......
体验electron
需要开发一个桌面版的软件，选择electron实现。 技术选型： 桌面软件开发框架大赏 https://zhuanlan.zhihu.com/p/547806659 quick-start https://www.electronjs.org/zh/docs/latest/tutorial/quic ......
设计模式创建者模式 Builder
解决复杂对象创建以及装配问题 GOF 中描述的 Builder 模式 UML 图中，客户端（也就是你）使用 Director（导演）来解决对象创建工作。 Director 在这个过程中，安排 Builder 做一些预先设计好的对象创建流程。 实现 Builder 后，可以水平扩展无数个 Builde ......
Diagnostic Port on Electronic Engine and Transmission
Diagnostic ConnectorTest the Connection to the ECM using cat et diagnostic kit ToolkitDeutsch Connectors (6/9-Pin)NOTE: On the Deutsch 9-pin SAE Stand ......
electron打包报错的解决方法
报错信息： An unhandled rejection has occurred inside Forge:Error: Failed with exit code: 1���ڳ��Դӡ�eletest.nuspec�����ɳ������Authors is required.Descripti ......
react + electron 打包记录
package.json 中的更改： 增加： "homepage": "./", "build": { "productName": "xxxx", "appId": "com.xxx.win", "directories": { "output": "dist" }, "files": [ "di ......
electron 本地数据库sqlite
背景 某些不会频繁变动，但是数据量可能比较大，查询也比较频繁地数据，例如通讯录等。如果每次都查询服务器的数据库可能造成服务器压力过大，考虑在本地做数据库存储，有更新时从服务器同步数据到本地数据库，用户操作查询则使用本地数据库查询。 方案 进入页面时（或者其他适当时机）请求服务器数据，并将数据写入本地 ......