首先，如何打包写下本文的时间是2024/01/16，搜索了网络上Electron+React的打包方式，中间行不通，本文采用的方式是记录本文时Electron快速入门(https://www.electronjs.org

一、项目技术栈：Electron+react+react-router+antd1、Electron：electron是一个使用js，html和css等的web技术创建原生桌面应用的框架，他基于chromium和node.js，构建的应用可以在Mac，windows和Linux三个平台上运行。2、React和react-router在该项目中负责构建单页面应用和路由跳转的实现。3、Antd作为UI

1.安装node坏境版本10.0以上为了用到一些小插件安装cnpm淘宝镜像2.安装electron3.安装react用全家桶创建项目npx命令是局部用不需要全局安装create-react-appnpxcreate-react-appproject-name4.在project-name文件夹下常见main.jsmain.js写入以下内容（electron运行的代码）const{app,Brows

Electron+React搭配创建PC桌面程序1.Electron介绍官网:https://www.electronjs.org/简介：使用JavaScript，HTML和CSS构建跨平台的桌面应用程序快速启动应用程序

目录1.打包工具的选择2.生成静态文件3.Electron入口文件配置4.electron-builder配置5.准备打包文件6.打包过程（第一次用Typora写博，希望效果不错~）这几天有个创意编程比赛，要写一个电脑端应用。我准备用React.js+Electron做（因为熟悉~），编程部分一路风雨无阻，到了打包却出现了问题。Electron没打过包不知道，一打包一下两天两夜就没了（T_T）但最

目的桌面客户端开发，也已经是前端领域的一致分支了。跳出浏览器的我们，会获得更多能力。Electron，目前客户端开发最知名的框架，以VSCode为首的各种应用，都是基于他做的。React，最强大的前端框架，战绩更不用说了。现在，你可能跟我一样，想同时使用两者，双剑合璧，天下无敌。如果你想从头自己搭建，不是不可以，只要你对Electron、React、Webpack的使用及其生态了如指掌。但，我想，

Electron发布自Kindem的博客，欢迎大家转载，但是要注意注明出处Electronelectron是一个使用HTML、CSS、JavaScript构建跨平台桌面应用的框架。说白了就是用这个框架，你可以在使用前端技术来开发桌面应用，原理是在本地应用上跑一个抽出来的浏览器，浏览器上放你写的页面。你可能会问Electron的存在有什么意义，众所周知，前端技术可以让我们轻松写出漂亮易用的界面，如果

先上一张效果图：1.何为Electron?Electron官网地址：Electron官网一句话来总结Electron，就是官网上写的：使用Web技术JavaScript、HTML和CSS构建跨平台的桌面应用程序。目前使用Electron来构建的热门应用有：VSCode、FacebookMessenger、Figma、MicrosoftTeams…Electron的目标及优势就是：如果你可以建一个网

目录1.前言：2.一些理解：3.数据交互4.前后端交互5.一些代码举例：1.前言：Electron是使用JavaScript，HTML和CSS构建跨平台的桌面应用程序项目的技术栈为：Electron+ReactHooks+typescript2.一些理解：这个项目分为三层，react(渲染层，前端)、electron(中台，可以使用nodejs的一些基本系统功能，接收后端的数据给渲染层，将渲染层的

1.安装react工具npminstall-gcreate-react-app2.采用默认参数创建一个工程create-react-appmyapp这会创建一个目录myapp,同时初始化一个node工程待命令执行完成,npmstart:运行服务在3000端口,打开浏览器.npmrunbuild:打包react代码.3.安装electronnpmrunelectron--save-dev最后一步>n

本人对于react还算是比较精通的。但是由于最近看到某条招聘react+electron的前端开发，因而对electron产生了深厚的兴趣。今天开始学习：首先搭建环境，我用的是react-create-app脚手架来搭建react环境安装react-create-app脚手架npminstall-gcreate-react-app创建项目$create-react-appmyapp$cdmyapp

目录说明1安装React1.1安装create-react-app1.2创建react应用2安装electron2.1在同级目录下安装electron2.2添加electron启动文件main.js2.3更改package.json，为electron添加入口3本地启动项目3.1启动react3.2启动electron4打包生成本地应用4.1react打包应用4.2使用electron-packa

记录一下Electron+React开发环境的Webpack配置过程，因为我本身很喜欢React，所以当日要用React来开发Electron啦，也写给需要的小伙伴们。

前言这玩意可以做些小工具什么的感觉挺实用，感觉学一下。安装首先是基本安装。使用create-react-app创建项目。然后安装electroncnpmielectron-D安装electron-is-devcnpmielectron-is-dev-D在根目录下编写mian.js。const{app,BrowserWindow}=require('electron')constisDev=requ

记录（1）(https://blog.csdn.net/qq_15241071/article/details/85049159）中，才刚刚运行出来electron官方demo，没高兴几秒，然后在简书electron