这个模块是用来控制整个应用的生命周期的，这里记录几个常用的生命周期。限制双开，下面是一个限制双开的示例。
原创
2022-10-22 02:07:22
268阅读
Electron-开发第一个桌面应用1.开始配置开始一个electron桌面应用的开发，首先需要配置好三个文件
+ package.json 文件，这个文件基本是开发标配了，主要是对Electron工程进行一些配置
+ index.js 文件文件名可换，但是一般默认都是index
+ index.html Electron桌面应用的入口文件，用于主窗口UI的桌面文件通过npm init
转载
2024-10-15 19:39:40
229阅读
# 如何使用 Electron 开发 Android 应用
本文将指导您如何使用 Electron 开发 Android 应用。虽然 Electron 主要用于桌面应用，但借助一些工具和框架，您也可以将其转换为 Android 应用。以下是整个开发流程的概述：
## 开发流程概述
| 步骤 | 描述 |
|------|------|
| 1 | 安装 Node.js 和 Electr
在进行desktop打包过程中，遇到如下报错： 看到 stackoverflow 上面 http://stackoverflow.com/questions/35040729/running-npm-install-g-yo-command-gives-npm-err-windows-nt-6-1-
原创
2021-07-20 17:09:33
868阅读
# 安装 asar 管理员运行： npm install -g asar # 解压到 ./app 文件夹下 asar extract app.asar ./app 如果报错： 运行命令： set-ExecutionPolicy RemoteSigned 选A 然后再运行解压命令
原创
2021-07-28 17:01:56
4445阅读
用Electron和vue制作自己对简单的APP惯例，贴自己码云地址https://gitee.com/imbobo_bo/angel-bo运行最简单的Electron1.打造你的第一个 Electron 应用Electron 可以让你使用纯 JavaScript 调用丰富的原生(操作系统) APIs 来创造桌面应用。 你可以把它看作一个专注于桌面应用的 Node. js 的变体，而不是 We
转载
2024-07-24 21:59:25
75阅读
在你的 Electron 项目目录下，安装 electron-builder：npm install electron-builder --save-dev在 package.json 文件中添加以下配置：{
"name": "your-app-name",
"version": "0.0.1",
"scripts": {
"start": "electron .",
转载
2023-12-12 14:41:35
363阅读
你是否曾经想过可以用HTML、CSS和JavaScript这些前端技术来构建跨平台的桌面应用？使用Electron就能做到。本文带着你深入Electron的核心概念。阅读本文后，你会知道如何使用Electron、HTML和CSS构建跨平台桌面应用。在开始之前，你可以提前看看我们在本教程中要构建的应用。HearMeType[译者注：本文的示例应用名为HearMeType]功能简单直接，应用中每个键都
原创
2021-05-31 23:04:00
635阅读
最近一直在做Electron的项目,随着项目的上线,在此做一点总结。本文主要记录一些坑点，整个Electron的搭建流程有很多文章说的非常好了，就不赘述了。主要包括关于主进程和渲染进程通信的痛点持久化数据的方案选型打包后文件目录的访问权限关于主进程和渲染进程通信的痛点先看一下官方的说明Electron为主进程( main process)和渲染器进程(renderer processes)通信提供
转载
2024-01-20 17:39:07
148阅读
转载：(第一个demo和安装依赖的包)一、简介 Electron 可以让你使用纯 JavaScript 调用丰富的原生 APIs 来创造桌面应用。你可以把它看作是专注于桌面应用而不是 web 服务器的，io.js 的一个变体。这不意味着 Electron 是绑定了 GUI 库的 JavaScript。相反，Electron 使用
转载
2024-05-28 17:27:03
90阅读
主进程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阅读
在桌面程序中，使用C#语言可以创建winform和WPF程序，他们2个在Windows中都非常的优秀，还有就是使用QT开发桌面，可以跨平台开发，这三种都是比较“正规”的，而Electron是使用框架开发桌面程序的，还有其他的框架也可以开发桌面程序等等。下面介绍一下Electron开发桌面程序，只要会使用vue，那么使用Electron也非常的简单。官网如下：简介 | Electron本案例环境wi
转载
2024-07-26 07:54:17
452阅读
五、Electron 191、什么是 Electron参见 PPT。2、Electron 初探2.1 常见的桌面GUI工具介绍名称语音优点缺点QTC++跨平台、性能好、生态好依赖多，程序包大PyQTPython底层集成度高、易上手授权问题WPFC#类库丰富、扩展灵活只支持Windows，程序包大WinFormC#性能好，组件丰富，易上手只支持Windows，UI差SwingJava基于AWT，组件
转载
2024-07-05 20:27:02
76阅读
electron debugger在开发过程中我们经常需要对某一功能进行调试，electron也不例外。 electron有主进程和渲染进程，所以调试部分也分为两大块，即调试主进程和渲染进程渲染进程调试渲染进程和调试浏览器的方法基本差不多。在运行electron 应用之后可以通过下面两种方式打开调试工具手动打开View->Toogle Developer Tools的方式打开 如下图：代码打
转载
2023-07-11 12:03:20
230阅读
安装electron依赖。
原创
2024-08-18 15:32:35
76阅读
项目中，有时会需要将Web页面应用打包为桌面程序。像visual studio code就是使用Web页面打包的桌面程序。 本文记录了使用Electron打包Angular项目的步骤。前提条件是已有项目已经按照
转载
2024-06-28 06:20:43
412阅读
【前言】js技术栈开发桌面端很大的优势就是ui界面开发比较快，对比原生的桌面端开发要快很多，并且基于chromium内核，支持最新的html5，css3特性，又可以开发出很酷炫的ui。总结一下就是electron开发ui界面，又快又好～【打包代码结构调整】接上一篇文章的代码结构，如下，只有src内是最终桌面应用的代码，其余的是提供electron开发环境&打包相关的代码，为了方
转载
2023-09-23 10:01:37
482阅读
Electron 是什么定义Electron是一个能让你使用传统前端技术（Nodejs, Javascript, HTML, CSS）开发一个跨平台桌面应用的框架。这里所说的桌面应用指的是在Windows、OSX及Linux系统上运行的程序。历史2013年的时候，Atom编辑器问世，作为实现它的底层框架Electron也逐渐被熟知，到2014年时被开源，那时它还是叫Atom Shell。接下来的几
转载
2023-11-13 15:04:35
257阅读
electron实现打印功能，支持静默打印、无感打印实现思路业务上目前有两种打印的方法：webview标签：electron提供webview用于在一个独立的 frame 和进程里显示外部 web 内容。但是在Electron >= 5中是禁用该标签的，所以就直接放弃它。webContent.print方法：webCompent是主进程用来渲染和控制网页的对象，而它的print方法是用来打印
转载
2024-03-22 07:02:56
205阅读
一、项目结构 二、实现代码index.html<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>测试</title>
<script src="index.js"></script>
<
转载
2024-01-01 06:39:49
196阅读
