electron
创建electron+ts+vue3的应用模板
# 配置vue3 1. 安装vue3 ``` cd D:\Users\Administrator\AppData\ mkdir Roaming cd ./Roaming mkdir vue3 cd ./vue3 npm install @vue/cli ``` 系统资源管理器进入'D:\Users\ ......
electron react 简单demo
##1 使用cra 创建 项目 `npx create-react-app center-tools` ##2 安装依赖 ` yarn add electron electron-builder cross-env wait-on concurrently --dev` ` yarn add ele ......
electron 打包错误
An unhandled rejection has occurred inside Forge:Error: EBUSY: resource busy or locked, unlink 'E:\*****\exam-win32-x64\resources\app.asar' 如果引用了本地文件， ......
Electron App 安装包定制 -- Inno Setup 脚本 Pascal Scripting 初探
在做 Electron 项目时，有个需求是安装包安装时要给客户机上装上某个软件 在查看 Inno Setup 官网后发现是通过 .iss 脚本编写实现自定义安装过程 可在 .iss 内可以添加脚本为安装过程添加逻辑 为了测试方便我用 vite 新建一个全新的 electron 项目 用的是这个脚手架 ......
electron中调用node.js API
主进程在node.js环境中运行，等同于它拥有调用require模块和使用所有node.jsAPI的能力。但是在渲染器进程中，渲染器是无法直接访问require和其他node.jsAPI的，想要访问有以下两种方法： Preload脚本 预加载脚本运行在渲染器环境中，可以在BrowserWindow构 ......
electron 隐藏菜单栏
main.js中加menu配置 const { app, BrowserWindow, Menu } = require('electron') function createWindow() { // 取消菜单栏 Menu.setApplicationMenu(null) // Create th ......
electron 开启 webview
main.js中添加webview配置信息 const mainWindow = new BrowserWindow({ width: 800, height: 600, webPreferences: { preload: path.join(__dirname, 'preload.js'), w ......
Electron Vue Vite 开发桌面应用
## 我需要使用Electron, VUE3, Vite 开发一个桌面应用，接收来自串口的数据，并使用Plotly绘制随时间变化的曲线，请提供开发步骤，项目文件结构 好的，以下是一个基本的 Electron + Vue3 + Vite 应用的开发步骤： 确保您已经安装了 Node.js 和 npm。 ......
Electron打包若依前端为桌面程序
下面的步骤是我事后整理的，还需要第二个项目进行验证，才能知道是否完整。 1.npm install electron --save-dev 2.npm install electron-builder 3.设置图标的：npm install electron-icon-builder 3.打开env ......
electron 无边框窗口拖拽移动问题记录及解决办法
在做一款uTools的插件,[悬浮文本](https://github.com/itldg/utools-suspension-text)  - Chromium 支持最新特性的浏览器 - Node.js ......
Electron-ChatGPT桌面端ChatGPT实例|electron25+vue3聊天AI模板EXE
基于electron25+vite4+vue3仿制chatgpt客户端聊天模板ElectronChatGPT。 electron-chatgpt 使用最新桌面端技术Electron25.x结合Vite4.x全家桶技术开发跨端模仿ChatGPT智能聊天程序模板。支持经典+分栏两种布局、暗黑+明亮主题模 ......
win10配置Electron安装环境以及解决报错
学习electron做桌面应用程序开发，从安装到Hellow World，过程中遇到的问题以及解决方式。 # 开始学习 这边[Electron官方文档](https://www.electronjs.org/zh/docs/latest/tutorial/quick-start "快速入门")有详细 ......
electron-vue3的项目怎么引用element-plus的icon图标
在electron结合vue3的项目中，引入element-plus的icon可以根据官网的步骤： 先安装icons-vue npm install @element-plus/icons-vue 注册所有图标，在main.js/main.ts 1 import * as ElementPlusIc ......
在electron项目如何引入element-plus开发
安装element-plus npm install element-plus --save 按需引入插件 npm install -D unplugin-vue-components unplugin-auto-import 配置文件修改 由于我这个是vue-cli搭建的项目，所以是在vue.co ......
基于electron25+vite4创建多窗口|vue3+electron25新开模态窗体
在写这篇文章的时候，查看了下electron最新稳定版本由几天前24.4.0升级到了25了，不得不说electron团队迭代速度之快！ 前几天有分享一篇electron24整合vite4全家桶技术构建桌面端vue3应用示例程序。 https://www.cnblogs.com/xiaoyan2017 ......
使用 electron 做个播放器
虽然 electron 已经出来好长时间了，但是最近才玩了一下，写篇博文记录一下，以便日后回顾。 electron 的入门可以说是相当简单，官方提供了一个 quick start，很流畅的就可以跑起来一个应用。 为啥要做个播放器呢，因为我在很久很久以前写过一个网页版的音频可视化播放器，但是因为是在页 ......
electron_vue
# 安装 npm i element-ui -S  ## Q: 安装 npm 时，如果要安装的库版本与要安装到的项 ......
基于Electron24+Vite4+Vue3搭建桌面端应用
一说到创建桌面应用，就不得不提及Electron和Tauri框架。这次给大家主要分享的是基于electron最新版本整合vite4.x构建vue3桌面端应用程序。 之前也有使用vite2+vue3+electronc创建桌面端项目，不过 vue-cli-plugin-electron-builder ......
Electron打包的时候路径存在中文出现的bug
在打包electron的时候报了这条错误 1 Error output: 2 !include: could not find: "C:\Users\xxxx(这里是中文)\AppData\Local\Temp\t-TH3KzB\0-messages.nsh" 3 Error in script " ......
Electron 上下文隔离和 node 集成
# Context isolation and Node integration  ``` Scenario contex ......
macOS下由yarn与npm差异引发的Electron镜像地址读取问题
记录macOS下由yarn与npm差异引发的Electron镜像地址读取问题 写在前面：该问题仅仅出现在Linux和macOS上，Windows上不存在该问题！ # 初始背景 最近笔者重新拾起了Electron，把最新版Electron的官方文档阅读了一遍。众所周知，Electron作为依赖在安装的 ......
electron 安装遇到的各种奇怪问题解决
在国内,electron经常遇到各种问题,导致无法安装 在安装electron官网的快速入门步骤,到npx electron-forge import的时候,遇到了各种问题 npm install --save-dev electronnpm ERR! code 1npm ERR! path E:\ ......
electron 配置mac安装的图标, 生成.icns文件
electron 配置mac安装的图标 使用的 icon.icns准备一张 1024 * 1024 的png图片1. 在项目根目录中创建文件() mkdir tmp.iconset 2. 生成多个比例不同的图片 sips -z 16 16 logo.png --out tmp.iconset/ico ......
electron销毁所有窗口
在开发过程中，我们可能需要手动的去销毁窗口实例。 //销毁所有窗口 BrowserWindow.getAllWindows().forEach(item => { if (!item.isDestroyed()) { item.destroy() } }) ......
Electron MacOs 打包 签名 公证（保姆级别）
前述1 MacOS 10.15 之前，应用如果没有进行签名，首次打开的时候就会出现“恶意软件”提示。 首先你要有一个苹果开发者账号 交完年费的那种 arm64（M系列芯片） 架构打包需要增加兼容 x86 处理 开发者证书慎重申请，Developer ID Application 这个证书申请一个就够 ......
electron鼠标经过托盘显示自定义菜单
1.自定义菜单 // 自定义菜单 var templateMenu = [{ label: "首页", submenu: [{ label: "111" }, { label: '9089' }] }, , { label: "编辑", submenu: [{ label: '123' }] }] ......