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集成到了一个应用程序中,并可以构建和运行它了。
2023年4月,我发布了《2023新春版:手把手教你搭建Electron24+React18+Antd5架构工程》,那篇文章是基于React官方提供的Create-React-App(简称CRA)起步进行构建的。如今CRA已被React抛弃,连新版React官网都没有再提到CRA了。而Vite成为了主流。因此,本系列教程也及时跟进时代的步伐,更新为Vite脚手架工具。综合考虑多方面...
在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...
# clone the project git clone https://github.com/electron-vite/electron-vite-react.git # enter the project directory cd electron-vite-react # install dependency npm install # develop npm run dev 🐞 Debug 📂 Directory structure Familiar React application structure, just with electron folder on...
electron-react-admin:基于electron27+react18跨端后台管理程序 1 推荐阅读 【小程序版】uniapp+deepseek-v3实战跨端ai流式输出模板 xiaoyan2017 Vue3-ChatGPT:基于vite4.x+vue3+pinia2模仿chatgpt聊天AI实例 xiaoyan2017赞2阅读10.7k评论4 ReactNative开发笔记(持续更新...) ...
基于electrom-vite 开发react项目,main进程的console.log 不打印怎么办? 不仅console 的输出不在这个窗口,throw new Error("123") 也不在。 只有运行第一帧内的上下文会打印。当渲染进程触发的事件,主进程中回调函数执行时,但是console.log 不会输出到这个终端,程序窗口按f12 看到的开发面板也没有主进程的打印。
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
创建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打包了。
vite.config.ts 修复打包问题 4年前 yarn.lock "mobx": "^5.15.7", "mobx-react": "^6.3.1", 4年前 README MIT Vite + React + Typescript + Electron - Starter It is a simple starter tempalte without unnecessary packages. This Starter utilizesVite,Tailwind,React,TypescriptandElectron. ...