2023年4月,我发布了《2023新春版:手把手教你搭建Electron24+React18+Antd5架构工程》,那篇文章是基于React官方提供的Create-React-App(简称CRA)起步进行构建的。如今CRA已被React抛弃,连新版React官网都没有再提到CRA了。而Vite成为了主流。因此,本系列教程也及时跟进时代的步伐,更新为Vite脚手架工具。综合考虑多方面...
基于electron-vite的Electron+React工程脚手架。 本项目架构实现了以下功能: 基于Vite 4.x搭建 集成Sass/Scss/Less/Stylus 集成Ant Design 5.x 集成react-router-dom 基于send与on/once实现主进程与渲染进程通信 基于invoke与handle实现主进程与渲染进程通信 ...
1、创建项目 项目名称为:【my-electron】 npm init vite@latest my-electron 2、安装项目依赖 cdmy-electron npm install 3、安装插件 npm i concurrently electron cross-env -D 4、main.js const{ app,BrowserWindow} =require('electron');classAppWindowextendsBrowserWindow{constructor(config, urlLocation) {c...
bash npm start 这将启动Electron应用程序,并加载由Vite提供的React应用。 要构建生产版本,首先运行Vite的构建命令: bash npm run build 然后,你可以通过Electron直接运行构建后的文件: bash npm start 这样,你就成功地将Electron、Vite和React集成到了一个应用程序中,并可以构建和运行它了。
This Starter utilizes Electron, TypeScript, Vite, React, Tailwind CSS with twstyled CSS in JS. It tries to adhere to best practices.. Latest version: 1.0.1, last published: 4 years ago. Start using electron-vite-react in your project by running `npm i el
cd electron-vite4-react18 yarninstallyarn dev 至此,一个基础的react模板项目就创建好了。接下来就是安装electron相关的依赖配置。 安装electron关联依赖包 注意:如果安装出现卡顿情况,建议设置淘宝镜像源。 //安装electronyarn add -D electron//安装electron-builder 用于构建打包可安装exe程序yarn add -D electron...
(false) window.electronAPI.invoke('win__isMaximized').then(res => { setHasMaximized(res) }) window.electronAPI.receive('win__hasMaximized', (e, res) => { setHasMaximized(res) }) // 最小化 const handleWinMin = () => { window.electronAPI.send("win__minimize") } // 最大化/...
在使用 Electron 与 Vite 结合开发 React 项目时,遇到 main 进程中的console.log或错误输出不显示在终端或开发者工具中的情况,通常不是由 Vite 直接引起的,而是与 Electron 的日志和错误处理机制有关。以下是一些可能的解决步骤和检查点: 确认Electron 的日志输出: ...
Step1 创建 vite-react-ts 项目 # 使用 vite 创建一个名为 electron-vite-react-ts 的 react-ts 项目yarn create vite electron-vite-react-ts --template react-ts# 进入到该目录下并安装依赖cdelectron-vite-react-ts && yarn 此时你的package.json应该是这样的: ...
Smigg-y/electron-vite-reactmain BranchesTags Code Folders and files Latest commit Cannot retrieve latest commit at this time. History16 Commits .github/workflows build electron public src test .gitignore .npmrc .playwright.config.txt .vite.config.flat.txt components.json electron-...