例化一个基础的 EXE , ---->入门 使用前先安装 Node.js 官网 Downloads 下一步 下一步 选择路径勾选 下一步---------------->>>>>>>>>>>>>>>>>>>>>>等待安装为你的新Electron应用创建一个新的空
.现如今前端框架数不胜数，尤其是angular、vue吸引一大批前端开发者，在这个高新技术快速崛起的时代，自然少不了各种框架的结合使用。接下来是介绍electron+vue的结合使用。2.Electron是什么？？ 对于我来说Electron相当于一个浏览器的外壳，可以把网页程序嵌入到壳里面，可以运行在桌面上的一个程序，可以把网页打包成一个在桌面运行的程序，通
转载
2024-08-30 23:22:06
156阅读
#项目结构my-project
├─ .electron-vue（webpack配置文件）
│ └─ build.js（生产环境构建代码）
│ └─ dev-client.js（热加载相关）
│ └─ dev-runner.js（开发环境启动入口）
│ └─ webpack.main.config.js（主进程配置文件）
│ └─ webpack.renderer.config.js（渲
转载
2024-10-26 09:13:10
49阅读
Electron 基础学习（1）背景Electron是由Github开发的开源框架；允许开发者使用Web技术构建跨平台的桌面应用。构成：Chromium +Node.js+Native Api
Chromium为Electron提供强大的UI，并且不必考虑兼容性；
Node.js让Electron有了底层的操作能力，比如文件读写等。还可以使用大量的npm包进行开发；
Native API让Elec
转载
2023-12-19 22:18:50
641阅读
1. Electron 是什么？使用github开发的开源框架允许开发者使用Web（js,html,css）技术构建跨平台的桌面应用Electron=Chrominum + node.js + Native API高效：通过Web技术写UI能力：底层能力能力&体验：跨平台&原生能力2. Chromium + NodejsChromium架构Chromium是谷歌开源的项目，相当于c
转载
2023-07-26 16:08:42
176阅读
Electron 应用架构在我们深入了解Electron的API之前，我们需要探讨一下在Electron中可能遇到的两种进程类型。 它们是完全不同的，因此理解它们非常重要。主进程和渲染进程Electron 运行 package.json 的 main 脚本的进程被称为主进程。 在主进程中运行的脚本通过创建web页面来展示用户界面。 一个 Electron 应用总是有且只有一个主进程。由于 Elec
转载
2024-05-16 11:20:30
41阅读
早期桌面应用的开发主要借助原生 C/C++ API 进行，由于需要反复经历编译过程，且无法分离界面 UI 与业务代码，开发调试极为不便。后期出现的 QT 和 WPF 在一定程度上解决了界面代码分离和跨平台的问题，却依然无法避免较长时间的编译过程。近几年伴随互联网行业的迅猛发展，尤其是 NodeJS、Chromium 这类基于 W3C 标准开源应用的不断涌现，原生代码与 Web 浏览器开发逐步走向融
转载
2023-09-20 15:45:00
286阅读
一、前言前面的课程已经讲述了什么是Electron，Electron的基本原理，Electron的工程化，如，怎么和React结合，怎么打包，怎么更新。Electron的基本原理，如主进程、子进程，进程间通信，Electron的窗口实现，Electron的基础结构等。 那么，今天，我们主要看看Electron的主要能力，也就是Electron能做些什么，同时对之前的课程进行加强和补充。二、基本概念
转载
2024-01-28 15:58:16
841阅读
只需五分钟，就会Electron。关于Electron Electron是由Github开发，用HTML，CSS和JavaScript来构建跨平台桌面应用程序的一个开源库。 Electron通过将Chromium和 Node.js 合并到同一个运行时环境中，打包出可以运行在Mac，Windows和Linux系统下的应用。核心理念：为了保持Electron的小 (文件体积) 和可持续性 (依赖
在这篇文章中，我们将深入探讨“Electron架构”这一主题。随着桌面应用程序开发的复杂性不断增加，Electron成为一种极具吸引力的解决方案。Electron 允许开发者使用 JavaScript、HTML 和 CSS 构建跨平台的桌面应用程序。本文将详细分析其背景、技术原理、架构解析、源码分析、案例分析和扩展讨论，以帮助我们更好地理解 Electron 的工作原理及其应用。
## 背景描述
Electron 原理Electron简介,一种桌面应用程序运行时Electron 是一个开放源代码的项目, 由Cheng Zhao AKA zcbenz开发，他现在是 Github 北京 Atom 编辑器开发 team 的一名工程师。Electron 把 Chromium 和 Node 合并到一个单独的运行时里面，很适合开发桌面 web 形式的应用程序，通过Node它提供了通常浏览器所不能提供的
转载
2023-07-11 12:02:59
468阅读
一，术语npm：Nodejs下的包管理器。webpack:它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备，比如资源的合并和打包。vue-cli:用户生成Vue工程模板。二、安装Node.jsnpm：Nodejs下的包管理器。webpack:它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备，比如资源的合并和打包。vue-cli
为舒缓 Windows 下路径名过长的问题 issues，稍微加快 require 的速度以及简单隐匿源代码，我们可以选择把应用打包成 asar 档案文件，这只需要对源代码做一些很小的改动。大部分用户可以轻松...
转载
2021-05-18 21:16:00
734阅读
2评论
创建 Electron 应用 步骤官方文档地址 https://www.electronjs.org/docs应用标准目on-ap
转载
2022-07-18 11:13:22
127阅读
1、electron基本介绍Electron 是由Github开发，用HTML，CSS和JavaScript来构建跨平台桌面应用程序的一个开源框架。 Electron提供了丰富的本地（操作系统）API，使你能够使用纯JavaScript来创建桌面应用程序。Electron通过集成浏览器内核，使用Web技术来实现不同平台下的渲染，并结合了 Chromium 、Node.js 和
转载
2024-01-10 18:50:31
302阅读
本文主要讲解Electron 窗口的 API 和一些在开发之中遇到的问题。官方文档 虽然比较全面，但是要想开发一个商用级别的桌面应用必须对整个 Electron API 有较深的了解，才能应对各种需求。1. 创建窗口通过BrowserWindow，来 创建 或者 管理 新的浏览器窗口，每个浏览器窗
# 学习Electron技术架构：一种入门指南
这篇文章旨在帮助初学者理解如何使用Electron构建桌面应用程序。我们将从流程简介开始，以表格形式列出各个步骤，然后详细解释每个步骤的代码实现，最后附上旅行图和状态图，帮助你更好地理解整个过程。
## 1. 整体流程
下面的表格展示了开发Electron应用的主要步骤：
| 步骤 | 描述
# 如何实现Electron技术架构
## 一、Electron技术架构流程
在构建一个Electron应用程序之前，我们需要了解整个流程。下面是一张简明的步骤表格，展示了开发Electron应用的基本流程：
| 步骤 | 描述 |
|-------|-----------------------------|
| 1 | 安装Node
一、Electron简介Electron是利用web前端技术进行桌面应用开发的一套框架。若想开发一个兼容多平台的桌面应用，以往常用的技术框架有wxWidgets、GTK、QT等，这些框架受语言限制，且学习成本较高，效率有限。目前一些基于前端技术的hybrid框架很流行，且已经在多个领域得到了广泛的应用和验证，比如利用前端技术+相应的打包工具可开发适配多平台的应用（PC、微信公众号、小程序、Andr
转载
2023-07-20 14:28:01
281阅读
# Electron 封装 Python 应用的完整指南
随着科技的发展，越来越多的应用需要集成多种技术和工具。在这种情况下，Electron 和 Python 的结合为开发者提供了一种快速、高效的跨平台应用构建方式。本文将详细介绍如何使用 Electron 封装 Python 应用，并通过代码示例和图示来帮助你理解整个过程。
## 1. 什么是 Electron？
Electron 是一个
原创
2024-10-15 04:49:06
111阅读
