2023年4月,我发布了《2023新春版:手把手教你搭建Electron24+React18+Antd5架构工程》,那篇文章是基于React官方提供的Create-React-App(简称CRA)起步进行构建的。如今CRA已被React抛弃,连新版React官网都没有再提到CRA了。而Vite成为了主流。因此,本系列教程也及时跟进时代的步伐,更新为Vite脚手架工具。综合考虑多方面...
"scripts":{"start":"vite","build":"tsc && vite build","preview":"vite preview","dev":"concurrently \"electron .\" \"cross-env BROWSER=none vite\""},"dependencies":{"react":"^18.2.0","react-dom":"^18.2.0"},"devDependencies":{"@types/react":"^18.0.27","@types/react-dom":...
bash npm start 这将启动Electron应用程序,并加载由Vite提供的React应用。 要构建生产版本,首先运行Vite的构建命令: bash npm run build 然后,你可以通过Electron直接运行构建后的文件: bash npm start 这样,你就成功地将Electron、Vite和React集成到了一个应用程序中,并可以构建和运行它了。
基于electrom-vite 开发react项目,main进程的console.log 不打印怎么办? 不仅console 的输出不在这个窗口,throw new Error("123") 也不在。 只有运行第一帧内的上下文会打印。当渲染进程触发的事件,主进程中回调函数执行时,但是console.log 不会输出到这个终端,程序窗口按f12 看到的开发面板也没有主进程的打印。
cd electron-vite4-react18 yarninstallyarn dev 至此,一个基础的react模板项目就创建好了。接下来就是安装electron相关的依赖配置。 安装electron关联依赖包 注意:如果安装出现卡顿情况,建议设置淘宝镜像源。 //安装electronyarn add -D electron//安装electron-builder 用于构建打包可安装exe程序yarn add -D electron...
1.https://gitee.com/dmhsq/vue3-vite-electron 代码哈士奇 2022/03/11 1.3K0 万物皆可快速上手之Electron(第一弹) 渲染electronguiapireact React作为日常使用比较频繁的框架,这里就不详细说明了,这里主要是想通过几篇文章让大家快速上手Electron以及与React完美融合。 前端森林 2020/11/19 1.5K0 React使用Electr...
/** * Electron自定义拖拽操作按钮 * @author Andy Q:282310962 */ import { useState, useContext } from 'react' import { Modal } from '@arco-design/web-react' import { setWin } from '@/windows/action' function WinBtn(props) { const { color = '#fff', minimizable = true, maximizable...
基于electron-vite的Electron+React工程脚手架。 本项目架构实现了以下功能: 基于Vite 4.x搭建 集成Sass/Scss/Less/Stylus 集成Ant Design 5.x 集成react-router-dom 基于send与on/once实现主进程与渲染进程通信 基于invoke与handle实现主进程与渲染进程通信 ...
Electron 11 + TypeScript 4.0 + Vite 2 + React 17 + Tailwind 2 + twstyled starter Blazing fast Electron starter including [x] Vite for next generation frontend tooling [x] Typescript [x] ESBuild for building all assets including the main process [x] React as the front end framework [...
react + electron Electron和 使用electron-vite 简易版 npm install --save-dev electron package.json配置文件中的scripts字段下增加一条start命令 { "scripts": { "start": "electron ." } } 可以在开发模式下打开应用 基础的环境搭建只需要三个文件 ...