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) ![image](https://img2023.cnblogs.com/blog/704808/202306/704808-20230618125803865 ......
Journal of Electronic Imaging投稿分享
Journal of Electronic Imaging投稿分享 在研究生阶段中的第一篇论文,前后总共三个月,还是很开心的!!! 附下中稿图片 这个期刊从二月份开始投的,然后三月份给了大修,大修时间一个月。在四月份左右提交了修改稿,最终五月份就给了录用通知!总的来说,速度还是很快的。 附下两次的审 ......
Jpro Toolbar Perform a Comprehensive Electronic Inspection With Visual PM Inspection
JPRO helps perform a comprehensive electronic inspection of the truck, but it’s important to pair this with a visual PM inspection. Using checklists a ......
Electron 案例
Electron简介 Electron是干什么的? 简单来讲,Electron 使用 JavaScript,HTML 和 CSS,来构建跨平台的桌面应用程序。 按照官方的说法:如果你可以建一个网站,你就可以建一个桌面应用程序。 和传统的桌面应用相比,使用Electron开发更容易上手,开发效率更高。 ......
Electron桌面应用开发基础
# Electron桌面应用开发 ### Electron技术架构 地址:[快速入门 | Electron](https://www.electronjs.org/zh/docs/latest/tutorial/quick-start) - 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 ![](https://img2023.cnblogs.com/blog/1648896/202305/1648896-20230527115927734-1690098711.png) ## 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 ![](https://img2023.cnblogs.com/blog/967043/202305/967043-20230523161053448-90495763.png) ``` 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' }] }] ......