electron 集成react

最新推荐文章于 2024-08-18 10:41:40 发布
最新推荐文章于 2024-08-18 10:41:40 发布
阅读量228 收藏
点赞数
分类专栏： electron桌面应用 文章标签： electron
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43294560/article/details/105905519
版权 
1、下载
git clone --depth 1 --single-branch --branch master https://github.com/electron-react-boilerplate/electron-react-boilerplate.git  xx自定义工程名
 若不是网络原因的下载失败,如:
 	Cloning into 'electron-'...
	remote: Not Found
	fatal: repository 'https://github.com/electron-/' not found
  则手打内容,或者按网址去github下载

2、
神奇大叔
关注
专栏目录
electron与react结合开发（一）
赵盛的博客
06-06 3844
创建react项目 按照官网步骤进行操作即可 引入electron 注意:引入electron的时候可能会因为网络原因导致失败，建议替换成国内源 npm config set ELECTRON_MIRROR=https://npm.taobao.org/mirrors/electron/ 使用yarn将npm换为yarn即可 创建main.js 可以参照electron官方示例。在根目录下创建main.js // Modules to control application life and create
Electron React MobX脚手架
03-13
# Electron React MobX开发脚手架 基于最新版本的Electron、React和MobX，使用了Office Fabric UI组件，支持打包发布跨平台应用。 ## 如何使用 1. 安装 node modules ```bash yarn ``` 2. 启动 React ```bash yarn start ``` 1. 启动 Electron ```bash yarn estart ``` ## 如何打包发布 1. 切换 DEV 属性为 false ```json /* package.json */ "DEV": false, ``` 2. 编译 React 和 Electron ```bash yarn build && yarn package ``` 3. 可执行文件就在项目的./dist目录下。
electron+react
weixin_33775582的博客
08-23 252
yarn create react-app electron-react cd electron-react yarn run eject // 修改react-app打包的路径 / -> ./ vi main.js main.js const { app, BrowserWindow, ipcMain } = require('electron') const path ...
探索高效开发：electron-vite-react 开源项目推荐
最新发布
gitblog_00655的博客
08-18 384
探索高效开发：electron-vite-react 开源项目推荐 electron-vite-react:electron: Electron + Vite + React + Sass boilerplate.项目地址:https://gitcode.com/gh_mirrors/el/electron-vite-react 项目介绍 electron-vite-react 是一个集成了 E...
react-electron
YC_10_04的博客
08-10 277
打包应用程序显示远程链接主机超时
electron-react-demo:Electron + React + Node.js + ES6开发桌面软件（http
03-22
＃electron-react-demo
React + Electron
xingxingxingge的博客
05-25 1835
1.创建一个 react 项目 # 安装 create-react-app 命令,如果已将安装请忽略 npm install -g create-react-app # 创建 electron-react 项目 create-react-app electron-react # 进入项目 cd electron-react # 启动 npm start 浏览器输入 localhost:30...
electron-react-antd-antv-cli的sqlite3数据库集成版本.zip
01-04
标题 "electron-react-antd-antv-cli的sqlite3数据库集成版本.zip" 提示我们这是一个包含集成SQLite3数据库的Electron应用开发项目。Electron是一个开源框架，它允许开发者使用JavaScript、HTML和CSS来构建跨平台的...
electron框架+打包vue+react 成exe 安装下一步客户端桌面程序
08-28
将`Vue.js`或`React.js`集成到`Electron`项目中，可以让开发者利用这些框架的强大力量，创建出响应式且高效的桌面应用。 在使用`Electron`进行打包和部署时，有一些关键步骤和潜在问题需要注意。首先，确保安装了...
marky：使用Electron和React构建的markdown编辑器
02-04
使用Electron和React + Redux构建 安装 Marky仍在开发中。 您可以从页面下载最新版本。 请不要二进制没有签名。 如果您需要对它们进行签名，则可以使用自己的证书轻松进行。 产品特点 实时预览 GitHub风味Markdown...
electron-react-python-template:可重用的Electron模板，该模板使用带有Redux和Redux Toolkit的React前端，并与PythonFlask集成用于微服务
04-28
可重用的Electron模板，该模板使用带有Redux和Redux Toolkit的React前端，并与用于微服务的Python / Flask集成。 :hammer_and_wrench: 设置 确保已安装和 ，然后克隆此存储库。 克隆之后，导航到计算机上项目的根...
vite-electron-react-starter:Vite 2 + Electron 11.x + React 17.x + Typescript模板。 @ cawa-93vite-electron-builder的fork进行React
05-07
带有React的Vite Electron Builder :atom_symbol: 模板 Vite +电子= :fire: 这是令人惊叹的的一个分支。 对于使用React在文件结构和文件方面的使用，此Fore尚未精炼。 但是，只要有React，一切都很好。 我保留作者的原始文档以供参考。 我将来可能不会主动维护此react fork。 这是用于电子应用的安全模板。 遵循最新的安全要求，建议和最佳实践编写。 引擎盖下使用了超级快，下一代捆绑用于编译的。 默认情况下，该接口使用Vue框架，但是您可以轻松使用任何其他框架，例如React ， Preact ， Angular ， Svelte或其他任何框架。 Vite与框架无关 支持 此模板由维护。 你可以 继续开发此模板。 如果您有想法，问题或建议-欢迎进行。 :smiling_face_with_smiling_eyes: 特征 电子 模板使用具有所有最新安全补丁程序的最新电子版本。 应用程序的体系结构是根
react-electron:用Electron创建一个React桌面应用程序
05-24
Create React App入门 该项目是通过引导的。 可用脚本 在项目目录中，可以运行： yarn start 在开发模式下运行应用程序。 打开在浏览器中查看它。 如果您进行编辑，则页面将重新加载。 您还将在控制台中看到任何棉绒错误。 yarn test 在交互式监视模式下启动测试运行器。 有关更多信息，请参见关于的部分。 yarn build 构建生产到应用程序build文件夹。 它在生产模式下正确捆绑了React，并优化了构建以获得最佳性能。 生成被最小化，并且文件名包括哈希值。 您的应用已准备好进行部署！ 有关更多信息，请参见关于的部分。 yarn eject 注意：这是单向操作。 eject ，您将无法返回！ 如果您对构建工具和配置选择不满意，则可以随时eject 。 此命令将从您的项目中删除单个生成依赖项。 相反，它将所有配置文件和传递依赖项（webpac
vite-electron-react-builder:基于Vite的电子应用样板。 TypeScript + React
04-11
Vite Electron React Builder样板v2 Vite +电子= :fire: 这是制作的的叉子。 继续开发他的模板。 这是用于电子应用的安全模板。 遵循最新的安全要求，建议和最佳实践编写。 引擎盖下使用-超快，NextGen的捆绑，以及进行编译。 支持 此模板由维护。 你可以 继续开发此模板。 发现问题了吗？ 拉请求是欢迎的。 如果您有想法，问题或建议-欢迎进行。 :smiling_face_with_smiling_eyes: 开始吧 请按照以下步骤开始使用此模板： 单击使用此模板按钮。 注意：仅main分支重要。 创建存储库时，无需包括任何其他分支。 这就是您所需要的。 :winking_face: 特征 电子 模板使用具有所有最新安全补丁程序的最新电子版本。 应用程序的体系结构是根据安全建设的GUID和最佳实践。 电子生成器的最新版本用于编译应用程序。 恶毒 Vite用于捆绑所有源代码。 这是一款非常快速的打包机，具
Electron + React + Node.js + ES6 开发环境全配置好
06-16
Electron + React + Node.js + ES6 开发环境全配置好，下载后就可以直接使用，只管写代码，其他都不用管
electron-react-custom-titlebar:使用React的Electron的自定义标题栏
05-19
使用React的Electron的自定义标题栏 建立在我的电子React开始模板之上 请用纱 如何使用： 克隆或下载仓库 “纱线安装” “ yarn electronic-dev”运行开发服务器 'yarn electronic-pack [os flag]'为您的操作系统构建电子软件包 额外说明： 在构建之前，请确保在package.json中设置您的信息 检查电子制造商的官方文档以获取更多选项和构建信息 我想用CSS Grid重做此目标并清理一些东西。 也完全移到npm。 我已经在许多其他项目和测试中做到了这一点； 只需为此模板执行此操作。 （2020年2月24日）
Electron + React学习记录_06_项目实战-远程控制_2
weixin_42595231的博客
03-24 289
目录架构 common存放渲染进程、主进程可复用代码 前端框架在render/src/页面 构建产物在pages/页面 纯JS直接在Pages页面下 与React框架结合 跟Electron在一起工作要做些什么呢? 书写React，并且编译它。CRA 其实一个好的选择。· 处理引入electron/node模块: webpack配置: https://webpack.js.org/configuration/target/ window.require windows根据环境信息加载本地或者d
Electron结合React使用
热门推荐
问白的博客
03-26 1万+
React Electron 创建 react 工程 使用 create-react-app脚手架创建 react 工程 npx create-react-app my-app 安装 electron 本地项目安装electron 依赖 npm i electron --save 修改工程 修改package.json文件 在package.json 中添加 homepage和main字段...
electron+react刨坑笔记（1）
qq_19338761的博客
03-21 1759
本人对于react还算是比较精通的。但是由于最近看到某条招聘react+electron的前端开发，因而对electron产生了深厚的兴趣。今天开始学习：首先搭建环境，我用的是react-create-app脚手架来搭建react环境安装react-create-app脚手架npm install -g create-react-app 创建项目$ create-react-app myapp ...
Electron+React实战：架构师教你打造桌面云平台
接着，会介绍如何集成React，创建React组件，并与Electron的主进程和渲染进程通信。此外，课程可能还会涵盖以下知识点： 1. **Electron基础**：理解Electron的主进程和渲染进程的概念，以及如何在两者之间传递数据...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值