# Yarn Electron: 使用Yarn构建Electron应用
> 引用形式的描述信息:Yarn是一款快速、可靠、安全的依赖管理工具,Electron是一款使用JavaScript、HTML和CSS构建跨平台桌面应用的开源框架。
## 什么是Yarn Electron?
Yarn Electron是使用Yarn构建Electron应用的一种方法。Yarn是一款强大的包管理器,它可以加
原创
2024-01-16 11:22:17
115阅读
主进程api 1.1 Electron app 模块:app 模块是为了控制整个应用的生命周期设计的。 1.2 Electron autoUpdater 模块:这个模块提供了一个到 Squirrel 自动更新框架的接口。 1.3 Electron BrowserWindow 模块:BrowserWindow 类让你有创建一个浏览器窗口的权力。 1.4 Electron contentTracing
转载
2023-12-07 15:24:43
141阅读
electron debugger在开发过程中我们经常需要对某一功能进行调试,electron也不例外。 electron有主进程和渲染进程,所以调试部分也分为两大块,即调试主进程和渲染进程渲染进程调试渲染进程和调试浏览器的方法基本差不多。在运行electron 应用之后可以通过下面两种方式打开调试工具手动打开View->Toogle Developer Tools的方式打开 如下图:代码打
转载
2023-07-11 12:03:20
230阅读
一、项目结构 二、实现代码index.html<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>测试</title>
<script src="index.js"></script>
<
转载
2024-01-01 06:39:49
196阅读
官方网站:https://www.electronjs.org/ 开发文档:https://www.electronjs.org/docs 开发API:https://www.electronjs.org/zh/docs/latest/api/app注意:如果用的是最新的electron,应该看最新的文档,有可能出现api不兼容的问题。1.功能介绍: Electron 基于 Chromium 和
转载
2023-12-05 15:19:44
125阅读
# Electron安装和使用指南
## 导读
在这个数字化时代,应用程序的需求越来越多样化。无论是桌面应用还是移动应用,为了能够实现跨平台的开发和运行,Electron 应运而生。Electron 是一个基于 Chromium 和 Node.js 的开源框架,它可以帮助开发者使用 HTML、CSS 和 JavaScript 来构建跨平台的桌面应用程序。
本文将为您介绍如何在您的项目中安装和
原创
2023-12-07 11:01:24
170阅读
# 移除 Electron 的详细步骤指南
在现代前端开发中,使用各种框架和库是非常普遍的,而 Electron 作为一种强大的开发工具,常常被用于构建跨平台桌面应用。随着项目的不断变化,有时需要卸载不再使用的库,比如 Electron。这篇文章将带你了解如何使用 `yarn` 卸载 Electron。
## 一、实施流程
在开始之前,我们首先了解一下卸载 Electron 的整个过程。以下
原创
2024-09-13 06:35:28
281阅读
目录收集崩溃报告设置崩溃报告创建配置和启动崩溃的代码文件./app/crash-reporter.js引发异常报告未捕获异常应用签名自动更新应用设置自动升级autoUpdater模块原理创建 auto-updater.js主进程引入自动更新创建升级服务器收集崩溃报告Electron 内置了崩溃报告功能设置崩溃报告Electron在底层使用以下两个崩溃报告系统;macOS系统使用 Crashpad,
代码仓库: https://github.com/hilanmiao/LanMiaoDesktop2019-04-27苏南大叔electron/nwjs如何加入开机启动项? 刚好发布了这么一篇文章,用的库是node-auto-launch,不过因为我暂时先不试了,等叔叔后续文章更新再试吧,这个库支持windows、mac、linux。而我们的node-winreg只支持windows。安装winr
# 如何解决“yarn electron 失败”问题
对于刚入行的开发者来说,使用Electron进行桌面应用开发可能会面临一些挑战。在本篇文章中,我们将系统讲解如何解决“yarn electron 失败”的问题,通过一个清晰的流程,让你可以轻松应对。
## 整体流程图
首先,我们需要明确处理“yarn electron 失败”的整体流程。请参考下面的表格来理解每一步。
| 步骤
原创
2024-09-10 05:49:38
59阅读
一、什么是 Electron?Electron 是由 Github 开发的,使用 JavaScript、HTML 和 CSS 等 Web 技术创建原生程序的开源框架。它允许开发者使用 Web 技术构建跨平台的桌面应用。二、安装 Electron1、全局安装 Electronnpm install electron -g安装完毕后,使用 electron . 命令能够跳出默认对话框即可。2、非全局安
转载
2024-01-21 05:36:47
281阅读
electron是由Github开发,是一个用Html、css、JavaScript来构建桌面应用程序的开源库,可以打包为Mac、Windows、Linux系统下的应用。 快速开始接下来,让代码来发声,雷打不动的hello world创建文件夹,并执行npm init -y,生成package.json文件,下载electron模块并添加开发依赖mkdir electron_hello
转载
2024-01-04 21:40:56
165阅读
文件下载是我们开发中比较常见的业务需求,比如:导出 excel。web 应用文件下载存在一些局限性,通常是让后端将响应的头信息改成 Content-Disposition: attachment; filename=xxx.pdf,触发浏览器的下载行为。在 electron 中的下载行为,都会触发 session 的 will-download 事件。在该事件里面可以获取到 downloadIte
转载
2023-07-20 14:28:42
352阅读
Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。嵌入 Chromium 和 Node.js 到 二进制的 Electron 允许您保持一个 JavaScript 代码代码库并创建 在Windows上运行的跨平台应用 macOS和Linux——不需要本地开发经验。如今,Electron领域发生了重大的变革,Electron版本更新换代极快,难以计数的I
转载
2024-02-02 11:05:14
68阅读
本文讲的是开发 Electron app 必知的 4 个 tips, Electron ,是包括 Avocode 在内的众多 app 采用的技术,能让你快速实现并运行一个跨平台桌面应用。有些问题不注意的话,你的 app 很快就会掉到“坑”里。无法从其它 app 中脱颖而出。这是我 2016 年 5月 在 Amsterdam 的 Electron Meetup 上演讲的手抄版,加入了对
转载
2024-03-08 12:31:05
84阅读
一、概念 1、Electron 可以让你使用纯 JavaScript 调用丰富的原生 APIs 来创造桌面应用。可以看做是被 JavaScript 控制的,精简版的 Chromium 浏览器。 2、Electron分为主进程和渲染进程,主进程是main.js,使用 BrowserWindow 实例创建网页,每个页面都运行着自己的进程,即渲染进程相互独立。二、新建Electr
转载
2023-05-26 16:22:16
650阅读
我的electron教程系列electron教程(一): electron的安装和项目的创建electron教程(番外篇一): 开发环境及插件, VSCode调试, ESLint + Google JavaScript Style Guide代码规范electron教程(番外篇二): 使用TypeScript版本的electron, VSCode调试TypeScript, TS版本的ESLinte
转载
2023-08-16 18:35:00
67阅读
本文仅针对vue-electron框架下的打包处理,不一定符合您的情况,请自行辨别1.问题描述及原因分析 解决了多窗口界面显示问题,发现每次打包的时间都特别长,可是项目大小也就几M,这种情况太异常了,于是去查看了项目大小,发现是300多M,整整大了十倍有余。 因为项目小,需要的依赖
转载
2024-02-26 12:42:26
1129阅读
引言本篇将介绍如何将你开发的electron项目(main.js), 打包成一个可执行桌面程序(.exe).有两个流行的工具可以做到这一点: electron-builder 和 electron-packager.我不会详细地对比两者的优劣, 但会通过三个事实来帮助你选择合适的工具.1. electron-builder的Star为7.7k, e
转载
2024-07-04 22:55:03
277阅读
yarn add electron安装失败今天遇到了yarn安装包失败的问题,记录下来之前曾经试过electron的初步使用,不过已经过去挺长一段时间了。当时自己也写了一篇文章《Electron试水篇(一)》然后今天想重新试试,对项目进行安装,发现出错了安装命令:yarn add --dev electron然后安装失败:准备找找之前写的文章,看看当初有没有解决,结果就发现当初自己也没解决啊?,是
转载
2023-08-25 14:27:12
415阅读