electron tauri
跨平台GUI开发技术:QT,GTK+, C#(WinForm/WPF), Java(Swing/AWT/JavaFX), Electron, compose-multiplatform, Flutter, JS?
跨平台GUI开发技术:QT,GTK+, C#(WinForm/WPF), Java(Swing/AWT/JavaFX), Electron, compose-multiplatform, Flutter, JS? ......
vue-electron 批量生成 PDF
> 最近有个需求,需要批量下载 pdf,单份还好,但多份时会超时。 需要改成一份一份下载,先选择下载的存储路径,再自动下载到选择的目录中,一开始使用了 will-download,但在测试过程中,测服下载速度很慢,发现保存地址还是会弹出来,下载一次弹出一份。 因此打算试试利用 electron 原来 ......
解决npm安装electron总卡住
## 前言 也是久闻Electron大名,而且新版QQ最近也用Electron改写了。正好最近想写一个图形化的程序,无奈安装的时候老是卡住。还好网上早就有人遇到了跟我一样的问题,也给出了方案。 ## 正文 转自:https://zhuanlan.zhihu.com/p/562217675 ### 总 ......
electron 和 react 进程通信
现在有个需求 ,我想要使用 react 选择上传文件,获取文件路径 在浏览器里面调用 ant design 的 upload 组件是做不到的,只能获取文件名 ``` 由于浏览器的安全限制,无法获取文件的完整路径。如果需要获取文件的完整路径,可以考虑使用 Electron 等桌面应用程序开发框架,或者 ......
electron-build打包
## 安装依赖 安装asar ``` shell # 项目内安装 # npm install asar --save-dev # 全局安装: npm install asar -g # electron加密 ``` 安装electron-build ```shell # 项目内安装 # npm in ......
记录--手把手教你,用electron实现截图软件
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 背景 因为我们日常开发项目的时候,需要和同事对接api和文档还有UI图,所以有时候要同时打开多个窗口,并在多个窗口中切换,来选择自己要的信息,如果api和文档不多的情况还好,但是有时候就是要做大量的页面,为了提升效率我决定自己做一个截图工 ......
创建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 ......
tauri基本学习.md
# Tauri基本学习 [toc] ## 项目基本介绍 ### 构建新项目: ```shell npm create tauri-app@latest cd 项目/ npm install npm run tauri dev ``` ### 文件目录 ```shell nsfoxer@nsfoxer ......
在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 " ......