main.js package.json 执行 npm run dev
转载
2018-08-23 11:53:00
152阅读
2评论
一、项目技术栈：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评论
随着移动设备与桌面系统的深度整合，用户对高效文件传输工具的需求日益增长。Android与macOS之间的文件传输长期存在兼容性痛点，传统解决方案普遍存在性能瓶颈与用户体验缺陷。OpenMTP作为一款开源跨平台文件传输应用，基于Electron框架与React组件库，构建了一套高效稳定的MTP（Media Transfer Protocol）通信架构。本文将深入剖析其技术架构，揭示如何通过Elect...
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 跟react项目开发目前最烦的事情就是，一个命令框需要启动react 一个则需要启动electron。能不能将两个命令进行合并呢？答案是： 能！！！怎么做呢？首先，我们需要新增一个插件concurrently使用命令 npm install concurrently --save-dev 进行安装其次，我们需要修改package.json中的命令新增一行命令为
原创
2022-10-21 16:27:42
163阅读
# 使用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评论
Mac & Windows 项目地址: htt...
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阅读
