2023年4月,我发布了《2023新春版:手把手教你搭建Electron24+React18+Antd5架构工程》,那篇文章是基于React官方提供的Create-React-App(简称CRA)起步进行构建的。如今CRA已被React抛弃,连新版React官网都没有再提到CRA了。而Vite成为了主流。因此,本系列教程也及时跟进时代的步伐,更新为Vite脚手架工具。综合考虑多方面...
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...
基于electron-vite的Electron+React工程脚手架。 本项目架构实现了以下功能: 基于Vite 4.x搭建 集成Sass/Scss/Less/Stylus 集成Ant Design 5.x 集成react-router-dom 基于send与on/once实现主进程与渲染进程通信 基于invoke与handle实现主进程与渲染进程通信 ...
bash npm start 这将启动Electron应用程序,并加载由Vite提供的React应用。 要构建生产版本,首先运行Vite的构建命令: bash npm run build 然后,你可以通过Electron直接运行构建后的文件: bash npm start 这样,你就成功地将Electron、Vite和React集成到了一个应用程序中,并可以构建和运行它了。
"vite":"^4.4.5""react":"^18.2.0""electron":"^27.0.1""electron-builder":"^24.6.4""vite-plugin-electron":"^0.14.1" 搭建react18项目 使用vite4构建工具创建react项目模板。 yarn create vite electron-vite4-react18 # 选择创建react模板 ...
(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 的日志输出: ...
A template for Electron, Reactjs, Vite, and TypeScript - electron-react-vite-ts-template/tsconfig.json at main · koji/electron-react-vite-ts-template
electron-app An Electron application with React and TypeScript Building Blocks ESLint + Prettier to better lint and style your code, help you to write high-quality code. Use electron-vite, a fast build tooling integrated with Vite 3, support for HMR, hot reloading, debugging and source code...
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