Electron
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 ......
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 ......
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 ......
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
背景 某些不会频繁变动，但是数据量可能比较大，查询也比较频繁地数据，例如通讯录等。如果每次都查询服务器的数据库可能造成服务器压力过大，考虑在本地做数据库存储，有更新时从服务器同步数据到本地数据库，用户操作查询则使用本地数据库查询。 方案 进入页面时（或者其他适当时机）请求服务器数据，并将数据写入本地 ......
Vue3 + Electron
https://www.electronjs.org/ https://www.electron.build/ 1. 创建一个vue3项目 可参考之前的笔记 2. 安装Electron $ npm install electron -D $ npm install vite-plugin-elect ......
electron+vue3+electron-updater 实现程序更新
electron+vue3+edge 调用C#.dll文件 electron-edge-js 用这玩意儿我血压高..... 血压高的谨慎食用… 文章目录 electron+vue3+electron-edge-js 调用C#.dll文件 起步 一、创建Vue3项目（ele） 二、Vue3项目中添加 ......
09_electron-vue-antd环境搭建
electron-vue 很好解决，安装 antd 给我弄自闭了，最终是发现是版本问题。 先把 electron-vue 环境搭建好，然后去看项目中的 vue 版本： 我的是 vue2 就使用 快速上手 - Ant Design Vue (antdv.com) 这个版本，之前一直使用的 4.x 版本 ......
08_Electron与vue环境搭建
首先在 Vscode 控制台输入：npm intall -g @vue/cli or yarn global add @vue/cli。 然后再输入 npm i -g @vue/cli-init，这时候输入 vue -V 来看 vue 是否安装成功。 安装成功后输入 vue init simulat ......
Electron入门
Electron **[electron 官网地址：**https://www.electronjs.org/ [electron github地址]：https://github.com/electron/electron-quick-start/tree/master 作用 Electron 基 ......
02_electron快速建立项目
一、安装 yarn 在此之前可以先安装 git：Git - Downloads (git-scm.com) 下面就是 yarn 安装的代码，在终端输入即可。 npm install --global yarn 检查是否安装成功： yarn --version 二、快速建立一个electron项目 其 ......
vue项目用electron打包成exe,并更新exe版本
用electron-build打包 1、下载electron、electron-builder npm install electron electron-builder -D 2、配置package.json文件 "start": "electron .", "app:build": "elect ......
UEditor的word图片转存-Electron篇
electorn是用nodejs写桌面端应用，详细的可从官方文档上获得：Electron文档 完整的应用地址为：Word-Image-Handler 在这里需要实现如下几点： 1.在子进程中跑nodejs服务 2.实现自动更新 3.可唤起 Nodejs服务 因为，我这里需要跑一个nodejs应用，跑 ......
Electron-vue项目打包遇坑
项目背景 一个Electron+vue2的桌面应用项目，进行打包 使用了vue-cli-plugin-electron-builder将Electron和vue结合 直接使用electron-builder打包 问题一：打包后，background.js中会出现模块引入报错。Electron是com ......
electron 如何在linux底下调试
1、确保已经安装了 Node.js 和 npm。 2、在你的 Electron 项目目录下，执行以下命令安装 electron-debug： npm install --save-dev electron-debug 3、修改主进程（main process）的启动代码（通常在 main.js 文件 ......