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评论
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阅读
概述Electron环境搭建和demo创建的过程我们上一篇文章已经给大家做了介绍，这篇文章给大家介绍下如何将Electron和前端框架React结合来进行开发。前提要求创建了一个Electron基础demo(不会创建的话请看这篇文章《01 Electron开发环境搭建，实例化demo》)具体操作这篇文章的介绍要用到上一篇文章中创建的demo里面的一些代码，所以还没有...
原创
2022-01-27 12:02:11
1918阅读
概述Electron环境搭建和demo创建的过程我们上一篇文章已经给大家做了介绍，这篇文章给大家介绍下如何将Electron和前端框架React结合来进行开发。前提要求创建了一个Electron基础demo(不会创建的话请看这篇文章《01 Electron开发环境搭建，实例化demo》)具体操作这篇文章的介绍要用到上一篇文章中创建的demo里面的一些代码，所以还没有...
原创
2021-08-27 09:36:16
403阅读
electron+react打包必备组件下载失败
原创
2023-06-08 15:01:27
149阅读
Electron整合React使用搭建开发环境 博客说明 文章所涉及的资料来自互联网整理和个人总结，意在于个人学习和经验汇总，如有什么地方侵权，请联系本人删除，谢谢！ 简介 用于构建用户界面的 JavaScript 库 步骤 首先创建React npx create-react-app doc 进入 ...
转载
2020-06-06 23:41:00
600阅读
2评论
如果有这样的感觉，那是因为使用create-react-app手脚架，是已经通过webpack做好
原创
2022-11-21 10:45:19
1263阅读
基于`electron` + `react` + `redux` + `saga`的基础项目配置
原创
2019-07-01 15:40:21
1702阅读
当你冲这个标题点进来的时候，我猜你一定知道 React 是什么，更多详情请戳这里，就不介绍React了，一个神般存在的前端框架。另外，浏览器和移动端横行的时代，为什么还需要桌面应用？我就不解释了，反正优点很多，做为技术多学一点总没错。 Electron 简单介绍 是什么? 官网是这么介绍的： Ele ...
转载
2021-07-14 15:44:00
998阅读
2评论
前言 本文通过Youtube视频：- Build a Markdown Notes app with Electron, React, Typescript, Tailwind and Jotai - YouTube 整理而来。 是基
原创
精选
2024-10-10 11:24:35
473阅读
多端开发技术全解析：一次开发，多端部署 本文全面剖析多端开发技术现状与趋势，针对移动端（iOS/Android/鸿蒙）、桌面端（Windows/macOS/Linux）、Web端及小程序平台，对比主流跨平台方案。重点分析原生开发、React Native、Flutter、Electron等技术优劣，提出基于项目需求的选型策略：Flutter适合追求高性能全平台覆盖，React Native利于Web团队快速上手，Taro/uni-app是小程序开发高效选择。文章还探讨分层架构设计、代码复用等实践方案，为开发
一、项目技术栈：Electron+react+react-router+antd**1、Electron：**electron是一个使用js，html和css等的web技术创建原生桌面应用的框架，他基于chromium和node.js，构建的应用可以在Mac，windows和Linux三个平台上运行。2、React和react-router在该项目中负责构建单页面应用和路由跳转的实现。3、Antd
转载
2021-01-29 11:06:00
950阅读
2评论
通过之前两篇文章的理论学习，本篇文章开始终于可以进入操作环节了，其实是可以用最原始的<Script>标签进行引入
原创
2023-02-09 11:06:19
52阅读
本教程介绍如何使用 React.js 开发和构建 Electron.js 应用程序尽管 Electron.js 网站提到它与 React.js 兼容，但没有关于如何实现这一点的明确指南。网上找了一些教程，但是好像有点臃肿。他们将 Electron.js 源代码与 React.js 源代码混合在一起，我想将它们分开。Electron.js 是如何工作的？那么，Electron 应用程序如何工作？它实
原创
2023-02-13 00:53:46
329阅读
