草庐IT

electron-dl

全部标签

使用electron-vite +Vue+ElementPlus开发跨平台桌面应用

前言:我们的项目是基于Elasticsearch来进行数据的存储与查询的,使用过ES的朋友应该都比较清楚,现在还没有一个比较友好的ES的桌面客户端软件可以和MySQL的桌面客户端软件媲美的,使用ES起来非常麻烦,经常会被吐槽的三个点:资深测试吐槽:为什么技术选型要选择ES,增删改查个数据麻烦的一塌糊涂,严重影响我的测试效率!研发小白吐槽:新建索引的时候,字段的类型设置咋这么麻烦呢,脚本要写一大坨!研发交接吐槽:这么多索引字段,每个字段代表什么意思啊?没有相关的说明文档吗?一个有理想的程序员:没有工具那么我们就自己写一个呗,对于程序员来说,写个小工具还不是一件想到就能做到的事情吗?说干就干,没过

tcp - 如何通过开关将 CP1L (Omron) FINS/TCP 连接到 (Keyence) DL-EP1

好吧,这可能是不可能的,或者我可能是个白痴,但就是这样。我正在尝试通过开关将OmronCP1LPLC连接到KeyenceDL-EP1。到目前为止,我已经将我的PC连接到一个交换机,将我的PLC连接到该交换机,还将Keyence通信DL-EP1连接到该交换机。我能够通过PC独立地ping这两个,没有问题。然而,我在让PLC和DL-EP1通过CXProgrammer一起通信时遇到了问题。非常感谢任何帮助。谢谢 最佳答案 我不太清楚你说的“连接”是什么意思......听起来你已经做到了。如果您想通过DL-EP1与设备通信到EtherNet

Electron+Vue3+TypeScript+Vite桌面应用程序项目初始化

Electron+Vue3+TypeScript+Vite桌面应用程序项目初始化初始化vite项目yarncreatevitetodolist--templatevue-ts[图片上传失败...(image-917e0-1652326973758)]cdtodolistyarnyarndev浏览器访问3000端口[图片上传失败...(image-ab0455-1652326973758)]安装Electronyarnadd-Delectronelectron-builderrimrafvite-plugin-electronelectron-devtools-installer如果觉得安装慢,

前端(Electron Nodejs)如何读取本地配置文件

使用electron封装了前端界面之后,最终打包为一个客户端(exe)。但是,最近项目组内做CS(c++开发)的,想把所有的配置都放进安装目录的配置文件中(比如config.json)。这做法,对于纯前端而言有点难以接收。第一,纯前端不允许读取本地文件。就这一条,直接封死所有的路。第二,读取配置,前端可以通过可视化界面存入本地缓存,不必要读取本地文件。基于以上两点,我觉得读取本地文件不可能实现,况且时间紧任务重。奈何,前端话语权微乎其微。最后,我咬着牙,实现了一下读取本地文件的需求。如有更好的方案,可以私信评论。首先,纯js肯定干不了读取本地文件的事情。那么,只能用nodejs了。况且,ele

electron-egg: 新一代桌面应用开发框架

当前桌面软件技术有哪些?语言技术优点缺点C#wpf专业的桌面软件技术,功能强大学习成本高Javaswing/javaFx跨平台和语言流行GUI库少,界面不美观C++Qt跨平台,功能和类库丰富学习成本高Swift无非跨平台,文档不友好,UI库少JSelectron跨平台,入门简单,UI强大,扩展性强内存开销大,包体大。为什么使用electron?我们先来看一下electron技术的官方介绍:Electron是一个使用JavaScript、HTML和CSS构建桌面应用程序的框架。嵌入Chromium和Node.js到二进制的Electron允许您保持一个JavaScript代码代码库并创建在Win

electron应用打包成功纪念一下

electron应用打包成功纪念一下,以前曾经行过后来打包各种报错,现在有空就尝试解决一下首先安装nvm能够方便切换node版本curl-o-https://raw.githubusercontent.com/nvm-sh/nvm/v0.34.0/install.sh|bash顺利安装后你用nvmlist查看node列表时会告诉你这个nvm不存在解决办法:source~/.bashrc接着执行nvmlist可以,然后安装需要的版本npminstall8.16.2回到最初版本然后打包看各种错误errorwhileloadingsharedlibraries:libgconf-2.so.4sudo

安装使用electron

一、安装node和npm运行cmd查看是否安装及版本号npm-vnode-v二、安装electronnpm直接安装会报错缺少什么文件,使用cnpm进行安装直接安装cnmp后,再用cnmp命令安装可能会报错Error:Cannotfindmodule‘node:util’原因是npm版本与cnpm版本,先卸载再指定版本安装//卸载原先版本npmuninstallcnpm//安装指定版本npminstall-gcnpm@6.0.0--registry=https://registry.npm.taobao.org//查看安装版本cnpm-v//全局安装electroncnpminstall-gel

【electron】Puppeteer 和 Electron 共用同一个Chrome 或 Chromium浏览器二进制文件

将Puppeteer的可执行路径设置为Electron的可执行路径来实现这一点以下是一个示例代码,展示了如何在Puppeteer中使用Electron的浏览器二进制文件:constpuppeteer=require('puppeteer-core');(async()=>{//设置Electron的可执行路径constexecutablePath='/path/to/electron';//启动Puppeteer,并将可执行路径设置为Electron的可执行路径constbrowser=awaitpuppeteer.launch({executablePath,});//进行其他操作...aw

【Electron将HTML项目打包成桌面应用exe文件】

目标:前端将静态页面文件夹所有页面打包成一个exe文件(不包含其它文件)可运行。步骤1、初始化npminit此时项目多出一个package.json文件。{"name":"my-electron-app","version":"1.0.0","description":"HelloWorld!","main":"main.js","scripts":{"start":"electron."},"author":"JaneDoe","license":"MIT","devDependencies":{"electron":"^18.0.4"}}2、在根目录下新建main.jsconst{app,

Electron-builder打包vue项目后,背景图片不加载的问题

 问题描述打包后的项目启动之后,背景图片没有成功加载,只有一片空白。此时打开调试工具可以看到,electron自动把图片路径加上了/img/ 我们这时打开打包后的dist_electron文件夹,打开bundled\img目录, 这就是上面报错的路径。 解决方法:对于背景图片,不要使用如下background:url('..')的形式,这样写会在npmrunelectron:build打包之后,背景图片路径找不到。.box{background:url('@/assets/mainbg.png');//错误写法background-size:cover;width:100%;height:10