Electron

• 站长4个月前Electron
  electron16+vite2+vue3新一代的桌面端架构，It's easy and fast!vue3-adminvue3-admin-electron中文|这是一个基础的vue3adminelectron桌面端平台。包含最基本的electron开发构建步骤和使用demo，一套代码可同时打包win,mac,linux平台应用。本架构使用的技术为：electron16+vue3(setup-script)+vite2+element-plus的新一代的跨桌面端框架，It'seasyandfast!使用eslin
  • 25
  • 0
  • 0
• 站长4个月前Electron
  Electron本地数据存储方案Electron本地数据存储的几种方案：Lowdb、Electron Store、Sql使用本地文件进行持久化存储数据，一般不会把用户的个性化数据存储在应用程序的安装目录下，因为安装目录是不可靠的，应用程序升级或卸载重装都可能导致安装目录被清空，操作用户数据丢失。好在操作系统为应用程序提供了一个专有目录来存储应用程序的个性化数据：在中，可以使用通过传入不同的参数来获取不同用途的路径，对应的参数说明如下：Lowdb是轻量级的本地数据库官网：安装依赖基本使用执行上述命令，则会在目录下，生
  • 42
  • 0
  • 0
• 站长4个月前Electron
  手把手教你在Linux上构建Electron官网提供支持在windows上使用docker来实现Linux版本的构建。可开发electron最大的特点就是可以使用web技术来开发跨平台应用，大部分开发都是在windows/mac上开发的electron应用，我使用的是来构建应用，官网提供支持在windows上使用docker来实现Linux版本的构建。可以直接在Linux服务器上完成构建：构建Linux环境的electron主要的步骤：安装步骤：一、安装在Linux上安装nodejs，可以在windows上先下载把
  • 15
  • 0
  • 0
• 站长4个月前Electron
  Electron 中查询和申请设备权限Electron 中查询和申请设备权限 本文详细介绍了 Electron 项目中不Electron中查询和申请设备权限本文详细介绍了Electron项目中不同操作系统如何实现摄像头、麦克风、屏幕权限的查询和申请。Electron相关API介绍注意:方法的弹窗提醒只会出现一次，第一次出现拒绝授权后，以后必须要在系统首选项面板中更改权限后重新启动才能使权限生效。不同操作系统API支持情况权限查询、申请示例代码使用案例:其他问题检测出无权限后想要弹窗提示怎么做？通过Electron的
  • 82
  • 0
  • 0
• 站长4个月前Electron
  Electron + ssh2 + xterm 实现一个简易的ssh客户端Electron + ssh2 + xtermElectron+ssh2+xterm实现一个简易的ssh客户端先放一张效果图在当今的开发环境中，SSH客户端工具是开发人员日常工作中的必备工具之一。通过SSH（SecureShell），我们可以安全地远程登录服务器，执行命令，并实时查看结果。为了提升应用的可定制性和用户体验，结合桌面应用技术，我们可以使用Electron、SSH2和Xterm.jsVue来构建一个简易的SSH客户端。本文将带你一
  • 28
  • 0
  • 0
• 站长4个月前Electron
  Electron 22版本的那些事Electron 22版本之后 new-window 事件被移除后的替换方法 WebVElectron22版本之后new-window事件被移除后的替换方法在老项目的重构过程中，我们发现之前使用的Electron16版本中的组件可以通过直接监听事件来获取要打开的弹窗URL。然而，从Electron22版本开始，这个事件已经被移除。因此，在重构项目时，我们将Electron升级到了22版本，发现无法直接监听组件的事件。经过查阅资料，我们了解到这个方法已被删除，因此只能寻找其他方式来实
  • 96
  • 0
  • 0
• 站长4个月前Electron
  从零开始的 Electron - 最简化起步！[Electron + Vite + TypeScript]本文主要阐述了前言本文主要阐述了，在Electron+Vite+TypeScript的组合下，进行最简化配置，以进行桌面应用开发的方法。本文并非阐述了整合的最佳实践，但尽量指出了关键部分，以方便各位开发者避免部分难以解决的问题。本文假设你对Electron、Vite、TypeScript、Node等技术已经有了一些基本的认识。如果有更好的配置方式，请在评论区讨论，万分感谢。问题在进行Electron开发工程中，
  • 22
  • 0
  • 0
• 站长4个月前Electron
  初始化一个方便开发的 Electron + Vite + Vue3 项目本文将手摸手教你搭建一个基于 Vite + El初始化项目使用vite初始化vue3项目：如果不想看具体实现过程，可以直接跳转到文章末尾查看源码。安装electron、electron-builder如果安装失败，可以尝试使用如下方式进行安装：配置electron开发环境当使用electron加vue3进行开发时，如果不进行开发配置，需要在启动vue项目时，另开一个终端，单独启动electron，同时在更改主进程代码时，窗口不会自动刷新，需要终
  • 38
  • 0
  • 0
• 站长4个月前Electron
  【全栈】从0到1实现一个远程控制软件【Electron+Vue3+Vite+TS+Robotjs】项目介绍 【野百合远程项目介绍【野百合远程控制】是我的第2个全栈项目前端部分：基于Electron从0到1实现了一个PC桌面端远程控制软件。仓库：后端部分：采用Nodejs实现的websocket服务，以简单支撑前端的业务。仓库：技术栈前端部分：Electron、Vue3、Vite、TypeScript、ElementPlus、Robotjs、Mitt、Electron-ViteCLI等分：Electron、Vue3、
  • 139
  • 0
  • 0
• 站长4个月前Electron
  用vite插件实现一个electron-vite-react先来看下目录结构 思路实现 主进程使用esbuild进行打包先来看下目录结构主进程,目前electron的通讯都需要preload，所以preload单独存放了一级渲染层,标准的vite新建项目思路实现使用vite启动渲染进程时，通过插件的形式创建子进程来启动主进程。主进程使用esbuild进行打包插件中我们使用的是这个钩子。createElectron方法思路：为了保证main进程被修改后会被重新加载，我们会监听打包出来的main-dist文件，我们使用
  • 19
  • 0
  • 0