bash npm start 这将启动Electron应用程序,并加载由Vite提供的React应用。 要构建生产版本,首先运行Vite的构建命令: bash npm run build 然后,你可以通过Electron直接运行构建后的文件: bash npm start 这样,你就成功地将Electron、Vite和React集成到了一个应用程序中,并可以构建和运行它了。
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(...
在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...
vite antd 下面话不多说,我们马上进入实战环节 环境搭建 我个人习惯的技术栈是React+Vite,所以这次搭建这个Electron脚手架的时候我也往这方面去搭建。搭建过程中发现了一个很好的脚手架工具——electron-vite。需要搭建Electron项目的兄弟们也可以考虑用这个。功能还是十分强大的,用起来十分舒服,很多东西都预设好了 直接...
React 是 Facebook 开发的一个 JavaScript 库,除其他外,它还用于构建 Instagram.com。它的目的是让开发人员能够轻松地为网站和应用程序等创建快速的用户界面。React 的主要概念。js是虚拟DOM 什么是Electron.js Electron.js 是一个运行时框架,允许用户使用 HTML5、CSS 和 JavaScript 创建桌面套件应用程序。这是一个...
"react-dom": "^17.0.2" }, "devDependencies": { "@types/react": "^17.0.33", "@types/react-dom": "^17.0.10", "@vitejs/plugin-react": "^1.0.7", "concurrently": "^7.0.0", "cross-env": "^7.0.3", "electron": "^17.1.2", "typescript": "^4.5.4", "vite": "^2.8.0...
Electron starter kit with multiple features Topics electron react typescript auto-update nestjs vite file-router Resources Readme Activity Stars 0 stars Watchers 1 watching Forks 0 forks Report repository Releases 2 v0.1.1 🌈 Latest May 25, 2024 + 1 release Contributors 2 Languag...
electron-react-admin使用electron跨端技术整合vite.js构建工具搭建react18电脑端后台管理。 主进程配置 代码语言:javascript 复制 /** * Electron主进程入口 * @author Hs */const{app,BrowserWindow}=require('electron')constWindows=require('./src/windows')// 忽略安全警告// ectron Security Warning (Insecure...
vite-react-electron English| 简体中文 概述 📦 开箱即用 🎯 基于官方的template-react-ts, 低侵入性 🌱 结构清晰,可塑性强 💪 支持在渲染进程中使用 Electron、Node.js API 🔩 支持 C/C++ 模块 🖥 很容易实现多窗口 快速开始 # clone the projectgitclonehttps://github.com/electron-vite/electron...
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 protection. ...