https://gitee.com/dmhsq/react-ts-vite-electron https://github.com/promiseHusky/react-ts-vite-electron vite搭建项目 npm init vite@latest my-electron 选择react-ts 安装依赖包 代码语言:txt AI代码解释 npm i concurrently electron cross-env -D 创建main.js 代码语言:javascript 代码运行次数:0 运行 ...
electron + react + ts + vite的项目结构的说明 src 目录存放主要的。其中的 components 文件夹用于存放各种组件。pages 文件夹可能包含页面相关的代码。utils 文件夹通常有工具函数。electron 相关代码可能在特定的文件夹中。公共样式文件可能存放在 styles 文件夹。assets 目录用于存储静态资源。接口定义文件可能在 ...
main.js改为加载文件的方式 更改vite.config.ts // vite.config.tsimport{ defineConfig }from'vite'importreactfrom'@vitejs/plugin-react'importpathfrom'path'// 新增// https://vitejs.dev/config/exportdefaultdefineConfig({base:`file://${path.join(__dirname,"/dist")}`,// 新增plugins: [react(...
2023年4月,我发布了《2023新春版:手把手教你搭建Electron24+React18+Antd5架构工程》,那篇文章是基于React官方提供的Create-React-App(简称CRA)起步进行构建的。如今CRA已被React抛弃,连新版React官网都没有再提到CRA了。而Vite成为了主流。因此,本系列教程也及时跟进时代的步伐,更新为Vite脚手架工具。综合考虑多方面...
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应该是这样的: ...
A template for Electron, Reactjs, Vite, and TypeScript - electron-react-vite-ts-template/tsconfig.json at main · koji/electron-react-vite-ts-template
API Explorer SDK中心 软件开发生产线 AI开发生产线 数据治理生产线 数字内容生产线 开发者Programs Huawei Cloud Developer Experts Huawei Cloud Developer Group Huawei Cloud Student Developers 沃土云创计划 鲁班会 开发者技术支持 帮助中心 在线提单 云声·建议 Codelabs 开发者资讯 开发者变现 云商店 教育专区 物...
现在我们有一个功能性的 React 项目, 您可以使用它进行测试npm run dev 添加Electron.js 第一次运行npm i --save-dev electron vite-electron-plugin 并使用以下代码创建一个名为的目录src-electron并在其中创建文件main.ts ...
bash npm start 这将启动Electron应用程序,并加载由Vite提供的React应用。 要构建生产版本,首先运行Vite的构建命令: bash npm run build 然后,你可以通过Electron直接运行构建后的文件: bash npm start 这样,你就成功地将Electron、Vite和React集成到了一个应用程序中,并可以构建和运行它了。
cd electron-vite4-react18 yarninstallyarn dev 至此,一个基础的react模板项目就创建好了。接下来就是安装electron相关的依赖配置。 安装electron关联依赖包 注意:如果安装出现卡顿情况,建议设置淘宝镜像源。 //安装electronyarn add -D electron//安装electron-builder 用于构建打包可安装exe程序yarn add -D electron...