electron标签_开源鸿蒙跨平台开发者社区

electron

‌Electron 桌面应用：跨平台开发与打包优化

开发阶段：优先使用 Electron Forge 简化脚手架，测试在真机避免模拟器偏差。打包优化核心：聚焦减少依赖、启用 ASAR、压缩资源。典型优化后，应用体积可减少 30-50%。常见陷阱避免全量打包 Node.js 模块；用externals排除非必需模块。更新 Electron 版本：新版往往更高效（如 Electron 15+ 改进内存管理）。监控性能：使用测量启动时间。总结：Elect

2501_93879726
2025-10-30 15:21:52

 578

 4

#electron #javascript #前端
跨越生态的桥梁：Flutter 与 OpenHarmony 深度融合的三种创新路径（实战 + 图解）

跨越生态的桥梁：Flutter 与 OpenHarmony 深度融合的三种创新路径（实战 + 图解）

2501_94551709
2025-12-14 10:16:09

 991

 16

#flutter #electron #华为
Flutter Web 与桌面端全栈开发：响应式布局、PWA、Electron 集成与性能优化

新手期：用setState+ 状态提升成长期：引入Provider管理共享状态成熟期：全面采用架构期：结合 Clean Architecture，Provider 仅用于 presentation 层完整模板 GitHub掌握状态管理，你就掌握了 Flutter 应用的“心脏”。编辑json编辑"icons": [项目WebWindowsmacOSLinux✅ 响应式布局☐☐☐☐✅ PWA 支持☐

h64648564h
2025-12-18 21:33:58

 1212

 24

#前端 #flutter #electron
Flutter网络请求进阶：Mock模拟、联调优化与性能监控实战

本文介绍了Flutter网络请求的进阶实践方案，重点解决企业级应用开发中的三大痛点：接口未就绪时的Mock数据模拟、多端联调效率优化和网络请求性能监控。方案采用"本地Mock+远程Mock"双模式，支持静态/动态数据模拟和灵活切换；通过集成请求日志可视化、异常定位等功能提升联调效率；同时实现全链路性能指标采集，包括发起耗时、DNS解析耗时等关键数据。文章详细展示了Mock配置模

 waitingforloveJJ
2025-12-19 12:56:17

 797

 26

#flutter #网络 #php +2
Electron - vue项目打包成.exe文件(通过官方demo的方式)

在Inno Setup 里面搭建一个脚本, 通过脚本编辑安装程序的名称, 版本. 快捷键生成, 安装目录等, 是很有必要的, 生成一次后,后续可以一直沿用 ,二次使用选择上一次创建好的脚本, 一键打包即可。1.删除 electron-quick-start 文件中的index.html，把vue项目打包生成的dist文件放到目录下。打包完毕, main.js 同级会生成out文件, exe包就是

 jiangzhihao0515
2024-08-01 18:03:11

 2461

 23

#electron #vue.js #javascript
electron+vite+vue+ts项目搭建(一)-基础环境

配置后 dev启动应用，就不需要启动 Electron + Vite 了。appId、productName…macwin —— mac windw 相关配置。输出文件默认目录 release下exe文件进行安装。directories ——输出路径。nsis —— 桌面应用程序安装过程的配置。npm run dev运行项目。npm run dev 显示。

wz121341
2023-08-16 17:47:58

 1369

#electron #vue.js #javascript
R/shiny加载多个library目录内的库导致版本错误

R 多个 library 加载目录设置

 小问_
2022-05-12 10:56:33

 402

#r语言 #electron
electron+react18+vite4 生成可执行文件

到二进制的 Electron 允许您保持一个 JavaScript 代码代码库并创建在Windows上运行的跨平台应用 macOS和Linux——不需要本地开发经验。对已有的项目进行build，生成dist文件夹，这个dist文件夹是vite.config.js中默认的配置，根据你项目配置的文件夹为准，自行判断。修改vite.config.js中的base，使用相对路径。客户有单机运行系统的

 tuudoo_
2023-10-30 09:28:23

 437

#electron #react.js #javascript
插件:vite-plugin-electron

如果你非常了解这个插件的工作原理，或者你想使用vite-plugin-electronic API作为低级API的二次封装，那么平面API更适合你。它也很简单，但更灵活。一般来说，Vite可能无法正确构建Node.js包，尤其是C/C++原生模块，但Vite可以将其作为外部包加载，因此，将Node.js包放在依赖项中。vite-plugin-electron的JavaScript API是完全类型

 仙古.梦回～
2024-06-04 09:41:10

 2953

 31

#electron #javascript #前端
开发者福音！一个开源免费的跨平台代码片段管理工具！

massCode —— 一个基于 Vue + Electron 实现的开源免费的代码片段管理工具，帮助开发者更好的记录管理代码片段，同时支持 Windows、macOS、Linux 多平台！

Java陈序员
2025-05-15 09:45:00

 933

 11

#vue.js #electron #github
electron + express 实现 vue 项目客户端部署

package.json中添加},执行npm run packager，打包成软件。这样基本实现了vue项目的客户端化，当然，别忘了起后端服务。

Li.map
2024-07-10 17:51:16

 1916

 14

#前端 #electron #express
Electron对接语音唤醒Windows SDK

方法的类型需要用到ref-napi进行转义例如,回调方法 => 'pointer'char*和char *性质是一样的, 都是字符串所以, 可以把需要的方法定义如下,})方法的使用,就是通过来调用即可唯一需要注意的就是方法, 需要传入的是一个回调函数, 上面定义时, 可以使用’pointer’占位在调用时, 需要使用创建一个回调, 传入函数中, 例如:先查看回调函数的定义的第一个参数是返回参数的

 蚂蚁二娘
2022-10-20 13:39:51

 1716

#electron #windows #c++
Electron进程间通信

因为有的时候我们需要在渲染进程中做只有主进程才能实现的操作，比如，点击页面的一个按钮实现创建一个文件并写入一些内容的功能，而创建文件并写入内容只有在node环境中才能实现，渲染进程显然无法做到，这是就需要渲染进程通知主进程去实现该操作，这就是进程间的通信。到现在，我们已经知道了主进程与预加载进程，以及预加载进程如何与渲染进程联系的，那么接下来学习进程间的通信吧。另外，主进程、预加载脚本、渲染进程的

 @C&L
2024-07-11 17:24:57

 1126

 20

#electron #javascript #前端
electron 结合 react(cra创建的) 创建桌面应用和打包桌面应用

我们开两个终端一个先执行 npm run start ，注意，这里需要等项目启动之后，再在另外一个终端中执行 npm run dev:ele。我们可以把刚刚的项目关闭后，直接在一个终端中输入 npm run dev 试试，就会发现，目前项目只会自己打开电脑桌面端了。wait-on 用于配合 concurrently ，在一个终端中，等上一个命令执行成功之后，在执行下一个命令。1，我们需要打开两个终

 Lysun001
2025-05-09 10:16:29

 1640

 15

#react.js #electron #javascript
vue + electron 实现桌面应用开发（常见问题及解决）

vue + electron 实现桌面应用开发（常见问题及解决）

迷路的琉星
2023-08-16 16:50:00

 538

 1

#vue.js #electron #前端
Electron的使用技巧

官方网站：https://www.electronjs.org/开发文档：https://www.electronjs.org/docs1.功能介绍：Electron 基于 Chromium 和 Node.js, 让你可以使用 HTML, CSS 和 JavaScript 构建跨平台桌面应用。Electron 兼容 Mac、Windows 和 Linux，可以构建出三个平台的应用程序。懂前端的同学

 andy#wang
2021-03-04 13:45:22

 1357

#electron #javascript #前端
Electron学习笔记（十五）—— 常用api____系统快捷键

https://www.electronjs.org/docs/api/global-shortcut系统快捷键在应用程序没有键盘焦点时，监听键盘事件。线程：主线程globalShortcut模块可以在操作系统中注册/注销全局快捷键, 以便可以为操作定制各种快捷键。注意:快捷方式是全局的; 即使应用程序没有键盘焦点, 它也仍然在持续监听键盘事件。在应用程序模块发出r...

2020-04-07 15:43:25

 1148

#electron
electron+vue(react、angular)如何安装DevTools

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言开发中提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、pandas是什么？示例：pandas 是

 DensonW
2021-11-26 11:26:35

 1957

#javascript #vue.js #react.js +2
electron-vue 安装打包心得

npm 安装由于网络等原因失败改用淘宝镜像也不行组后使用yarn 安装成功但是打包出问题是由于安装的时候缺少东西最后成功的方法、安装yarnnpm install -g yarn 或 cnpm install -g yarn2、yarn 设置淘宝源yarn config set registryhttps://registry.npm.taobao.org -gyarn config se

好牛的码客
2021-12-02 19:36:32

 1996

 1

#vue.js #electron #npm
Electron中对电脑文件操作的正确方式与注意事项

我们应该注意权限限制、文件路径、错误处理和文件类型等问题，并使用fs模块处理文件操作、使用path模块处理文件路径、使用try-catch语句处理错误、使用不同的读写方式处理不同类型的文件、使用mkdir和existsSync方法创建目录和检测文件夹是否存在。在上面的例子中，我们使用fs模块的readFile方法读取文件内容，并将文件路径和编码格式作为参数传入。如果读取文件成功，将会返回文件内容；

A丶尘土
2023-05-23 21:21:21

 2360

#electron #javascript #前端
Electron+Vue3+TypeScript+Vite桌面应用程序项目初始化

https://www.webxiu.com.cn/post/10005241初始化vite项目yarn create vite todolist --template vue-tscd todolistyarnyarn dev浏览器访问3000端口安装Electronyarn add -D electron electron-builder rimraf vite-plugin-electron

web秀
2022-05-12 11:45:18

 2232

 1

#typescript #electron #javascript
解决安装 Electron 或者使用 Vue CLI 插件添加 Electron 时出现的常见错误

但是，在安装 Electron 或者使用 Vue CLI 插件添加 Electron 时，常会遇到一些错误，影响开发者的工作效率和程序的质量。总之，Electron 和 Vue CLI 是非常强大和实用的工具，但是在安装和使用过程中也会遇到一些错误。通过本文介绍的解决方案和最佳实践，你可以更好地使用 Electron 和 Vue CLI，提高自己的开发效率和程序的质量。淘宝镜像是淘宝开发团队维护的

 A丶尘土
2023-05-24 10:22:34

 1897

#electron #vue.js #javascript +1
vue报错Cannot assign to read only property ‘exports‘ of object ‘#＜Object＞‘

前言：在研究electron的时候，扒拉人家大神的源码，出现的这个问题，出现这个问题之后找了很多资料，最终也是解决了这个问题，整理下方法：资料：国外有一个大神对此分析的很清楚，他把原因分成以下两类：翻译,第一种原因就是import和module.exports的混用要知道commonJS和ES6的语法是不太一样的前者是require和module.exports后者则是import和exports

浩星
2020-08-18 14:51:15

 2.1w

 19

#electron
Electron开发的十大神级产品，vscode、atom、skype、figma等

Hi、我是贝格前端工场，今天分享一下基于Electron的十大著名产品，欢迎友友们补充。

40大叔学前端
2024-02-03 11:09:51

 5095

 22

#electron #vscode #figma
Electron【详解】菜单 Menu

顶部菜单因顶部菜单款式传统，且不同系统的配置不同，建议在页面中自行实现菜单，而不采用 Electron 自带的菜单方案。主进程中登录后复制import { Menu } from 'electron'const template = [{ role: 'appMenu' }]const menu = Menu.bu...

egzosn
2024-12-31 16:15:22

 537

 3

#electron #前端 #javascript +2
node 调用 node-ffi 的插件 ffi-napi 遇到的问题合集

这个功能十分有用处，因为在C++出现以前，很多代码都是C语言写的，而且很底层的库也是C语言写的，为了更好的支持原来的C代码和已经写好的C语言库，需要在C++中尽可能的支持C，因此 extern “C” 就变成了一个必然的选择。接下来，就是使用 ffi-napi 导出dll动态库中的需要用到的方法，需要注意的是导出的声明语句要和dll动态库中C++方法的名字、参数表、返回值一致。就是说生成的C++的

 郝强强1994
2024-09-19 17:27:21

 1363

#前端 #node.js #electron +1
Electron 框架小练习笔记

Electron 练习小软件，桌面应用

 PieroPc
2023-04-21 19:15:15

 437

 1

#electron #前端 #javascript
Electron 中使用 shell 模块的常见坑与解决方案

常用于调用系统默认应用打开文件或链接。但由于 Electron 的进程隔离、模块加载机制以及版本兼容性问题，开发者可能会遇到各种坑。在渲染进程（如 React/Vue 组件）中直接调用。希望这篇总结能帮你避开 Electron 中。在 Electron 开发中，（Windows）或。

qq_41019429
2025-07-07 10:30:00

 1689

 14

#electron #javascript #前端
electron打包的一些问题

1、打包配置在vue.config.js中pluginOptions: {electronBuilder: {builderOptions: {win: {icon: './public/app.ico'},mac: {icon: './public/app.png'},productName: 'AppDemo'}}

龙易安
2022-04-06 16:09:35

 4711

 3

#electron
Electron 核心原理解析：主进程、渲染进程与进程间通信（IPC）

Electron 应用基于 Chromium 和 Node.js 构建，采用多进程架构。主进程负责管理应用生命周期和原生操作系统交互，渲染进程负责展示网页内容。每个渲染进程独立运行，确保崩溃时不影响其他窗口。主进程是 Electron 应用的入口点，通过文件启动。它拥有完整的 Node.js 环境权限，可调用所有 Node.js API 和 Electron 提供的模块（如、）。主进程负责创建和

 fwf2345ff
2025-09-10 23:36:44

 543

 4

#electron #javascript #前端
vue3项目使用electron-builder打包成程序，打包后无法运行

electron-builder打包问题

 weixin_47370657
2022-09-15 15:10:15

 3005

#electron #javascript #前端
陈某的vue3+electron+vite项目

gap两年半重新学前端的第一天陈某做的功课首先下载VScode 下载相关插件配置node.js环境，陈某很迷茫能不能再就业，搞git记事本里添加github网址，来更好的访问下载国内镜像cnpm 。了解lelctron基础，搭建前期的项目创建了项目官网网址：https://evite.netlify.app/1.3 安装步骤vue版本：vue3构建工具：vite框架类型：ElectronJS

学费了嘛
2025-07-01 18:56:22

 751

 16

#electron #javascript #前端
Electron[5] 渲染进程和主进程

Electron里头的进程分为渲染进程和主进程。

独行侠_阿涛
2023-12-10 20:42:39

 1327

#electron #javascript #ecmascript
Vite+React+Electron开发入门，10分钟搭建本地环境并打包

想使用vite和react开发跨平台桌面的软件方案有electron和tauri两种，但是我个人更喜欢tauri，无奈electron名声大燥，面试要求里很多都写着：electron...可见这类公司多么落后。但是呢，又秉持着存在即合理的理念，electron也有自己的优势，所以今天就来体验一下吧。

1024小神
2023-09-12 22:39:38

 2930

 3

#react.js #electron #前端
SpringBoot+Electron教务管理系统附带详细运行指导视频

项目描述：这是一个基于SpringBoot+Electron框架开发的教务管理系统。首先，这是一个前后端分离的项目，前端采用Vue+Electron框架，支持以Web界面访问，也支持以桌面应用的形式访问。然后这项目代码简洁规范，注释说明详细，易于理解和学习。其次，这项目功能丰富，具有一个教务管理系统该有的所有功能。

这里是杨杨吖
2025-01-26 11:49:42

 1561

 11

#spring boot #electron #后端
Vite+Vue+Electron开发跨平台桌面软件入门，十分钟学会本地开发并发包发布

想使用vite和vue开发跨平台桌面的软件方案有electron和tauri两种，但是我个人更喜欢tauri，无奈electron名声大燥，面试要求里很多都写着：electron...可见这类公司多么落后，明明有火箭，非得用自行车。。。但是呢，又秉持着存在即合理的理念，electron也有自己的优势，所以今天就来体验一下吧。

1024小神
2023-09-13 09:49:38

 688

 1

#vue.js #electron #前端
Electron 下载与打包常见问题总结与解决方案

使用安装 Electron；使用打包项目。然而，在国内开发环境下，这两个步骤经常遇到各种网络、权限、环境变量等问题。本文将结合真实案例，全面总结安装和打包过程中遇到的问题及解决方法。

yumo_777
2025-07-09 19:41:43

 1890

 8

#electron #javascript #前端
Electron + Vue3 进程通信全攻略——主进程与渲染进程的那点事。

本文对比了Electron中主进程与渲染进程通信的两种方式。传统send+on模式适合单向通知，需手动管理回复逻辑；现代invoke+handle模式基于Promise，简化了双向通信和错误处理。对于主进程主动推送数据，推荐使用webContents.send实现实时通信。文中提供了Vue3项目中的完整代码示例，建议根据场景需求选择通信方式：无返回值用send，需要返回数据用invoke，实时推送

 qq_48076747
2025-06-22 11:55:23

 1359

 15

#electron #vue.js #javascript +2
第一个Electron应用

执行完如上命令后，package.json文件会被修改。可以全部按照默认选项设置，结束后再修改package.json内容。修改后package.json文件内容。

-凌凌漆-
2023-08-22 11:08:14

 170

#electron #javascript #前端
electron集成若依，打包成exe文件

是因为jscookie的问题，将登录页面（login）页面的所有cookies修改成localStorage。找到路径 src/utils/auth 页面的所有cookies修改成localStorage。需要256*256，格式为ico，注意，不能采用直接修改后缀名的方式，需要使用专门的网站转换。📝4.进行打包 npm run electron:build // 打包命令。打包成功后会在di

gentlemanBai
2023-05-18 14:18:49

 1758

 3

#electron #vue.js #npm
electron+uniapp的使用

dist/build/web 文件下有 assets、static、index.html 三个文件拷贝到 electron 文件夹下。[1]Electron兼容。安装electron插件。Electron是使用。，可以构建出三个平台的。和CSS构建跨平台的。

up青衣江
2024-11-18 11:48:45

 1431

 33

#electron #uni-app #javascript
记录 vue + vuetify + electron 安装过程

Electron + Vue.js + Vuetify 构建跨平台应用_思月行云的博客-CSDN博客。文章浏览阅读61次。Go coding!NodeJs 版本： 20。

Dead-Rabbit
2023-11-01 20:18:48

 1104

#vue.js #electron #javascript
使用Electron的webview组件开发一款无跨域功能的浏览器

浏览器下载地址1.Webview空白问题问题描述：一下代码webview显示为空白页<webview class="indexWebview" width='200' height='300' style="display: inline-flex;" src='http://www.baidu.com'></webview>解决方案const mainWindow = n

HTML小白呀
2021-11-01 18:09:37

 7976

 3

#electron #webview #vue.js