- 综合排序
- 最热优先
- 最新优先
- 来自专栏CY
Electron
Electron .npmrc 安装electron依赖经常会不成功 在项目目录下创建.npmrc文件，设置镜像地址 npm config set strict-ssl false registry =https://registry.npmmirror.com electron-mirror=https://registry.npmmirror.com/mirrors/electron/ 热更新/ 热加载 方案一 安装：npm install electron-reloader --save-dev 在主进程 js 文件 try { require("electron-reloader")(module 再次运行npm run start，仅当index.js内容变化时，就会自动重新执行electron .来重启应用 菜单栏与边框 app.on("ready", () => { mainWindow 在 Electron 中，借助 Tray 模块实现。 //app 模块，控制整个应用程序的事件生命周期。 //BrowserWindow 模块，它创建和管理程序的窗口。
63720编辑于 2024-04-19 - 来自专栏前端开发随笔
Electron处理electron:build打包问题
执行electron:build会出现这个问题 是因为打包时会检测cache中是否有electron 包，如果没有的话会从github上拉去， 国内网络环境中拉取的过程大概率会失败 解决 在项目根目录新增 .npmrc文件 写入 ELECTRON_MIRROR=https://npm.taobao.org/mirrors/electron/ 重新打包就没问题
2.5K10发布于 2021-11-24 - 来自专栏全栈程序员必看
electron 安装_electron修改文件描述
，命令如下： cnpm install -g electron 5、输入命令： electron -v 查看electron版本，若出现版本号，表示安装成功； 6、输入命令： cnpm install -g electron-packager 打包输出工具； 7、下载并安装electron客户端； 8、新建一个项目文件夹，自命名，例如：test1； 9、在 test1 中创建：pakage.json 、index.html、main.js 三个文件； 10、通过拖拽 test1 文件夹到 electron客户端，或者在cmd控制台中使用命令打开文件， F:\electron1\electron.exe </body> </html> main.js： const electron = require('electron'); // Module to control application life. const { app} = electron; // Module to create native browser window. const { BrowserWindow} = electron
1.7K20编辑于 2022-11-16 Electron——electron-vue使用webworker
前言 electron-vue框架中,我们如何使用webworker,请看下文; worker-loader: https://v4.webpack.js.org/loaders/worker-loader
34110编辑于 2024-08-15- 来自专栏编程三昧
使用 electron-builder 打包 Electron 程序
使用 electron-builder 打包 Electron 程序 [001] 前言 在将 Electron 代码开发完成后，如果想要投入生产环境，那就必须经过很关键的一步——打包。 今天就将 MacOS 上使用 electron-builder 打包 Electron 应用的过程做一个记录。 调试 Electron 主进程代码》中用到的 electron-quick-start 目录 打包步骤 1.安装 electron-builder mkdir electron-builde cd electron-builde yarn init -y yarn add electron-builder -D 这里建议将 electron-builder 安装在单独的目录，方便复用。 /electron-builder/node_modules/.bin/electron-builder • electron-builder version=22.14.5 os=19.6.0
3.1K20编辑于 2022-01-20 - 来自专栏全栈程序员必看
electron preload 提前_electron vue3
背景 最近手头的 electron 项目需要做一个报告导出的功能，导出时要弹出个页面，可让用户自行补全相应的字段。 webview 简介 electron 的 webview 标签时基于 Chromium webview ，由于 Chromium 的架构变化巨大，会影响 electron webview 的稳定性，包括呈现 所以 electron 团队不建议使用 webview 标签。 注意：默认情况下，electron >= 5禁用 webview标签。 本篇属于 electron 初识，如有表述不当，望指出改正。 参考 1. electron文档 webview篇 2. electron webview加载远程preload方法 版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。
1.8K10编辑于 2022-11-17 - 来自专栏小吕
浅谈electron
一个 Electron 应用有且只有一个主进程。并且创建窗口等所有系统事件都要在主进程中进行。 使用Electron的API Electron 在主进程和渲染进程中提供了大量 API 去帮助开发桌面应用程序， 在主进程和渲染进程中，可以通过require() 方法将其包含在模块中，以此获取 Electron 引入 electron： const electron = require('electron'); 所有 Electron 的 API 都被指派给一种进程类型。 Electron 中的窗口是使用 BrowserWindow 类型创建的一个实例， 它只能在主进程中使用，如下所示： const { BrowserWindow } = require('electron 这个帮助函数可以使你获得指向系统目录的文件路径，如用户的桌面、系统临时文件 等等 electron - vue https://simulatedgreg.gitbooks.io/electron-vue
2.6K20编辑于 2022-06-15 - 来自专栏pandacode_cn
Electron 打包
# electron-packager 打包 命令说明： electron-packager <location of project> <name of project> <platform> <architecture > <electron version> <optional options> location of project：项目所在路径 name of project：打包的项目名字 platform： architecture：决定了使用 x86 还是 x64 还是两个架构都用 （x64,ia32） electron version：electron 的版本 optional options：可选选项 例： electron-packager ./ pandacode --platform=mas --arch=x64 --overwrite
1.7K10编辑于 2021-12-17 - 来自专栏码客
Electron启程
前言 Electron 可以让你使用纯 JavaScript 调用丰富的原生(操作系统) APIs 来创造桌面应用。 这不意味着 Electron 是某个图形用户界面（GUI）库的 JavaScript 版本。 起步 git clone https://github.com/electron/electron-quick-start cd electron-quick-start npm install npm 一个 Electron 应用总是有且只有一个主进程。 每个 Electron 中的 web 页面运行在它自己的渲染进程中。 主进程管理所有的web页面和它们对应的渲染进程。 分别有以下几种解决方案： 方式一： 使用 Electron 官方论坛提供的方法，改变require的写法。
6.1K30发布于 2019-10-21 - 来自专栏一番码客
electron概述
http://efonfighting.imwork.net 本文目录： 概述优点:缺点与 Python 前后台的构架对比:环境搭建第一个 electron 程序参考文档 概述 Electron 是基于 由于 VScode 的带动, 基于 Electron 的应用越来越多, 同时 nodejs 社区也持续的活跃. ? production windows-build-tools ● 从 https://code.visualstudio.com/download 下载安装 VScode, 作为开发 IDE 第一个 electron 程序 最简Demo 参考官方文档： https://electronjs.org/docs/tutorial/first-app 一 个 最 简 的 electron 程 序 , 由 package.json
2K30发布于 2019-11-14 - 来自专栏友儿
electron 通知
// 主进程 main.js const { app, BrowserWindow, Notification } = require('electron') app.on('ready', () =
49910编辑于 2024-03-27 - 来自专栏前端开发随笔
Electron使用electron-updater自动更新
electron-updater官方文档 安装electron-log是为了方便本地调试 yarn add electron-updater yarn add electron-log 版本号是根据你的 : 'http://update.xxx.com' 新建一个updater.js，对更新文件进行单独封装 与background.js同级 import { autoUpdater } from "electron-updater " const { dialog, BrowserWindow } = require('electron') const log = require("electron-log") autoUpdater.logger /div> </template> <script setup> import { onMounted, ref } from 'vue'; import { ipcRenderer } from 'electron position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } </style> electron-log
5K10编辑于 2021-12-28 - 来自专栏pandacode_cn
Electron 介绍
# 快速入门 本指南将会通过使用Electron创建一个极简的 Hello World 应用一步步的带你了解，该应用与electron/electron-quick-start (opens new npm Yarn mkdir my-electron-app && cd my-electron-app yarn init init初始化命令会提示您在项目初始化配置中设置一些值 为本教程的目的，有几条规则需要遵循 npm Yarn yarn add --dev electron 注意：如果您在安装 Electron 时遇到任何问题，请 参见 高级安装 (opens new window) 指南。 command 注意：此脚本将告诉 Electron 在您项目根目录运行 此时，您的应用将立即抛出一个错误提示您它无法找到要运行的应用 # 运行主进程 任何 Electron 应用程序的入口都是 main electron -g 使用cnpm安装electron-packager cnpm install electron-packager -g
3K10编辑于 2021-12-17 - 来自专栏JavaScript高阶应用
初识 Electron
什么是 Electron ？ # 克隆示例项目的仓库 git clone https://github.com/electron/electron-quick-start # 进入这个仓库 cd electron-quick-start Electron 的基础特性和使用方法。 ELectron 进程 Electron 的底层是基于 Chromium 而设计的，故有且只有一个主进程 Main Process 和多个渲染进程 Renderer Process，主进程 Main Process 当 main.js 文件修改时，我们都需要关闭当前 electron .
1.9K82发布于 2020-06-16 - 来自专栏dmhsq_csdn_blog
uniCloud+uni-admin+electron实现 electron应用更新
uniCloud+uni-admin+electron实现 electron应用更新 搭建视频地址 https://www.bilibili.com/video/BV1u3411p7Qd? spm_id_from=333.999.0.0 从 https://gitee.com/dmhsq/react-ts-vite-electron 的仓库代码开始搭建 两种更新方式 1.资源替换 (还可以更换成其它框架开发打包的 关闭应用时 替换资源包 再次打开为新的 安装包模式 为下载安装包并弹出资源管理器标记安装包 资源替换效果如下 原本react-ts开发的我们替换成了 vue开发的 其实只是替换了asar资源包 可以用 纯electron 项目 无论你用的什么框架开发的electron的web业务 都可以使用 只和 package.json和electron node 相关 以我的项目为示例 checkVersion.js和 main.js '); const path = require('path'); const isDev = require('electron-is-dev'); const { checkVersion, getFile
1.9K50编辑于 2022-03-20 - 来自专栏Node.js开发
如何解决electron中无法require(electron).remote
再开发electron应用时有时候需要在渲染引擎的js中调用remote，从而调用客户端的原生弹窗，但是有时候我们在渲染端js中调用require('electron').remote，程序会报错，提示其不存在 下面举个例子，在html页面中新建一个按钮： image.png 在页面引入的js中调用require('electron').remote： image.png 此时一般会报错，该如何解决呢？ 以上便是electron中解决不能使用require('electron').remote的解决方案，希望对你有所帮助。
7.8K40编辑于 2021-12-15 - 来自专栏余生开发
electron-vue———在Electron 中使用Vue Devtools
在Electron 中使用Vue Devtools ·首先在Chrome中安装Vue Devtools； ·在Chrome中打开扩展程序，并且开启开发者模式，这样就可以获取扩展程序的ID，记住这个ID ·在Electron应用中添加如下代码： main/index.js if (process.env.NODE_ENV ! zhang/Library/Application Support/Google/Chrome/Default/Extensions/上边的ID"); } 重点是BrowserWindow这一句，这样就在Electron
3.9K10发布于 2018-10-15 - 来自专栏漫流砂
webSecurity | Electron 安全
的安全配置选项 —— webSecurity 这在之前的文章 《Electron安全与你我息息相关》 中就已经提到过了，该选项的意义是开启同源策略，是 Electron 的默认值，即默认即开启同源策略 ，到底是哪些版本存在该 bug Electron 11.0.0 中该 bug 已经修复 Electron 10.1.3 中该 bug 已经修复 Electron 10.1.2 中该 bug 存在，所以是在 ELectron 10.1.3 中被修复，我们看一下在哪个版本中开始存在 Electron 9.0.0 中已经存在该 bug Electron 8.5.5 版本中不存在该 bug 因此存在该 bug 的版本为 Electron 9.0.0 ~ 10.1.2 小结 在远程加载的形式创建窗口时， webSecurity 的开始起作用，设置为 true 时，同源策略有效，当设置为 false 时， Electron pwd=ngy7 Github https://github.com/Just-Hack-For-Fun/Electron-Security
86110编辑于 2024-04-22 - 来自专栏程序那些事儿
electron vs flutter
electron electron有着高效的开发效率，使用它你可以轻松地开发出跨平台的应用。 提到electron就不得不提vscode，它凭借一己之力大幅提升了electron应用的用户体验，如果说目前最火的编辑器，那么vscode一定有它的一席之地，而vscode作为在各个操作系统都有着出色体验的应用 ，正是因为它是构建在electron之上，通过html，css，js的便捷操作，让一套代码多个平台运行成为了现实。 虽然electron的性能问题一直存在，不过已经有很多项目在改进它，比如tauri，electrino这些项目都在提升它的性能体验，虽然提升幅度有限，但是毕竟在努力改进中。 未来 虽然flutter开发的应用有着比electron更小的体积，有着比electron更出色的性能，但是市场上依然有很多electron开发的应用。
3.4K20编辑于 2023-03-07 - 来自专栏码客
Electron性能优化
不要阻塞主进程 Electron的主要进程(有时称为“浏览器进程”) 非常特殊：它是与你应用的所有其他进程的父进程，也是和操作系统交互的关键进程。 Electron 和 Chromium 谨慎地将大型的磁盘I/O 和 CPU绑定的操作放入新线程，以避免阻塞UI 线程。
3.4K30发布于 2021-08-19
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号