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...
2023年4月,我发布了《2023新春版:手把手教你搭建Electron24+React18+Antd5架构工程》,那篇文章是基于React官方提供的Create-React-App(简称CRA)起步进行构建的。如今CRA已被React抛弃,连新版React官网都没有再提到CRA了。而Vite成为了主流。因此,本系列教程也及时跟进时代的步伐,更新为Vite脚手架工具。综合考虑多方面...
bash npm start 这将启动Electron应用程序,并加载由Vite提供的React应用。 要构建生产版本,首先运行Vite的构建命令: bash npm run build 然后,你可以通过Electron直接运行构建后的文件: bash npm start 这样,你就成功地将Electron、Vite和React集成到了一个应用程序中,并可以构建和运行它了。
在vite.config.js中引入vite-plugin-electron配置主进程入口electron-main.js文件。 import { defineConfig, loadEnv } from 'vite'import react from'@vitejs/plugin-react'import electron from'vite-plugin-electron'import { resolve } from'path'import { parseEnv } from'./src/utils/env'//https://vite...
electron-react-admin:基于electron27+react18跨端后台管理程序 1 1条评论 得票最新 评论支持部分 Markdown 语法:**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用@来通知其他用户。 听9V2A6: parseEnv 可以发一下吗 ...
创建vite应用 yarn create @vitejs/app electron-vite-react --template react cd electron-vite-react yarn 安装electron打包工具 yarn add --dev @electron-forge/cli 当打包工具安装完成后,我们设置一下electron打包配置,然后我们就可以通过electron-forge进行electron打包了。
在使用 Electron 与 Vite 结合开发 React 项目时,遇到 main 进程中的console.log或错误输出不显示在终端或开发者工具中的情况,通常不是由 Vite 直接引起的,而是与 Electron 的日志和错误处理机制有关。以下是一些可能的解决步骤和检查点: 确认Electron 的日志输出: ...
以往基于React和Create-React-App(CRA)的教程已过时，现在选择Vite作为基础工具，electron-vite作为集成框架，它提供了1.x正式版，尽管官方未直接提及，但实战验证了其优点，如简化Electron和Vite的集成，实现热更新等功能，大大简化了开发流程。本系列教程将详述如何使用electron-vite构建React桌面应用，旨在...
:electron: Electron + Vite + React + Sass boilerplate. - electron-vite-react/src/components/update/index.tsx at main · electron-vite/electron-vite-react
vite-react-electron 概述 快速开始 调试 目录 🔧 额外的功能 ❔ FAQ 🍵 🍰 🍣 🍟 vite-react-electron English | 简体中文 概述 📦 开箱即用 🎯 基于官方的 template-react-ts, 低侵入性 🌱 结构清晰,可塑性强 💪 支持在渲染进程中使用 Electron、Node.js API 🔩 支持 C/C++ 模块 🖥...