1、先用create-reat-app创建一个程序 在package.json中配置 "homepage": ".", 要可以从本地访问 2、npm i electron --save-dev 3、在package.json中配置入口文件，具体如下： { "name": "myre", "versi ...
转载
2021-05-12 23:35:00
269阅读
2评论
概述Electron环境搭建和demo创建的过程我们上一篇文章已经给大家做了介绍，这篇文章给大家介绍下如何将Electron和前端框架React结合来进行开发。前提要求创建了一个Electron基础demo(不会创建的话请看这篇文章《01 Electron开发环境搭建，实例化demo》)具体操作这篇文章的介绍要用到上一篇文章中创建的demo里面的一些代码，所以还没有...
原创
2021-08-27 09:36:16
403阅读
概述Electron环境搭建和demo创建的过程我们上一篇文章已经给大家做了介绍，这篇文章给大家介绍下如何将Electron和前端框架React结合来进行开发。前提要求创建了一个Electron基础demo(不会创建的话请看这篇文章《01 Electron开发环境搭建，实例化demo》)具体操作这篇文章的介绍要用到上一篇文章中创建的demo里面的一些代码，所以还没有...
原创
2022-01-27 12:02:11
1918阅读
main.js package.json 执行 npm run dev
转载
2018-08-23 11:53:00
152阅读
2评论
# 使用React、TypeScript和Electron构建跨平台桌面应用
随着技术的不断进步，我们现在可以使用Web技术来开发跨平台的桌面应用程序。React和TypeScript是目前非常流行的前端开发技术，而Electron是一个强大的桌面应用程序开发框架。本文将带您深入了解如何使用React、TypeScript和Electron来构建跨平台的桌面应用程序。
## 什么是React？
原创
2023-10-16 09:18:16
67阅读
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阅读
什么是 React ⚛️React 是 Facebook 开发的一个 JavaScript 库，除其他外，它还用于构建 Instagram.com。它的目的是让开发人员能够轻松地为网站和应用程序等创建快速的用户界面。React 的主要概念。js是虚拟DOM什么是Electron.jsElectron.js 是一个运行时框架，允许用户使用 HTML5、CSS 和 JavaScript 创建桌面套件应
原创
2023-02-13 13:58:10
1481阅读
步骤：1， 先创建一个react 项目。2，然后修改 package.json 添加 electron 依赖。 electron 的基础实现中的main.js package.json 修改的部分：{ "main": "main.js", "dependencies": {
... "electron": "7.3.3",
... }, "scripts": {
...
转载
2021-02-27 12:49:02
233阅读
2评论
React是一个流行的JavaScript库，用于构建Web应用程序。结合Electron框架，可以轻松地将React应用程序打包为桌面应用程序。以下是使用React和Electron开发桌面应用程序的步骤：1. 安装Electron首先，你需要安装Electron。在终端中运行以下命令：npm install electron --save-dev2. 创建Electron应用程序使用Elect
原创
2023-06-27 10:26:49
251阅读
# 使用 Electron、React 和 TypeScript 创建脚手架
## 引言
在现代应用程序开发中，Electron、React 和 TypeScript 是构建桌面应用的热门组合。本文将为您提供一个简单的流程，指导您如何设置一个完整的 Electron + React + TypeScript 脚手架。我们将分步进行，确保每一步都易于理解并实践。
## 流程概述
为了帮助您更
原创
2024-08-08 18:13:27
371阅读
前言先说几句废话，本人是一名 web 后端开发，主语言是 java，在学 Electron 之前，只会一点点 HTML和 JavaScript。本文讲的也是我学习 Electron 的过程，而非教程，请酌情参考。Electron是什么Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 嵌入 Chromiu 和 Node.js 到 二
转载
2023-10-25 15:17:59
110阅读
electron+react打包必备组件下载失败
原创
2023-06-08 15:01:27
149阅读
跨平台开发一般是Java（基于java虚拟机，一次编译到处运行）和Qt【以及qt的竞品:GTK+之类其它/Qt的商业版是需要收费的，免费版需要开源设计源码，存在版权问题】（基于兼容的开发框架，使用适用于不同平台的编译器(比如MinGW，可以将linux源码程序编译在windows下运行)针对各个平台单独编译达到跨平台效果），还有一种方案就是基于html/js利
转载
2024-03-14 21:25:58
149阅读
Electron整合React使用搭建开发环境 博客说明 文章所涉及的资料来自互联网整理和个人总结，意在于个人学习和经验汇总，如有什么地方侵权，请联系本人删除，谢谢！ 简介 用于构建用户界面的 JavaScript 库 步骤 首先创建React npx create-react-app doc 进入 ...
转载
2020-06-06 23:41:00
600阅读
2评论
通信方式。✧ 渲染进程向主进程的单向通信在Electron中，进程通过开发
转载
2024-01-29 10:22:45
800阅读
electron-vue打包流程仅适用于windows系统 文章目录electron-vue打包流程前言一、打包流程1. 安装electron提供的打包插件2. 修改package.json文件3. 执行打包命令二、遇到的错误及解决方案1. electron包下载错误2. WinCodeSign下载3. nsis相关下载4. 再次执行打包操作5. 本地安装总结 前言一、打包流程1. 安装elect
转载
2024-05-17 16:35:28
208阅读
这不意味着Electron是绑定了GUI库的JavaScript。相反，Electron使用Web页面作为它的GUI，所以你能把它看作成一个被JavaScript控制的，精简版的Chromium浏览器。Electron的版本更新很频繁，基本保持在1周发布一个小版本，每季度发布一个大版本。除了稳定版外还有Beta版和Nightly(最新功能试用版)，Chromium更新时，Electron也会跟着更
转载
2023-10-12 06:40:42
461阅读
一、
为什么要学
Electron
。 Electron
是一个跨平台的桌面应用开发框架，用
html css js
的技术开发桌面上面可以安装的 软件。 “Electron
又为前端开发者谋得了一份好的差事
”
。 想起在网路里流传很广的一句话“不要和老夫说什么
C++
，
Java
，老夫行走江湖就靠一把
JS
转载
2024-02-01 10:18:36
21阅读
组件库众所周知，随着前后端分离的技术架构越来越流行，前端的业务复杂度也越来越高，以react、vue等框架为代表推动的组件化开发模式越来越被开发者认可，这种模式极大的降低了我们开发与维护的成本。下面我就简单说介绍一下自己对组件库的了解和应用，期待推出更多优秀的组件库。一、使用第三方插件https://github.com/vuejs/awesome-vue#components–libraries
## Electron和Python实现教程
### 整体流程
```mermaid
journey
title 教会小白如何实现Electron和Python
section 理解基本概念
- 小白了解Electron和Python的基本概念
section 安装必要的软件
- 下载并安装Node.js
- 使用npm安
原创
2024-06-18 05:08:41
207阅读
