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是一个基于Chromium和Node.js,可以使用HTML、CSS和JavaScript构建跨平台应用的技术框架,兼容Mac、Windows和 Linux。虽然B/S是目前开发的主流,但是C/S仍然有很大的市场需求。受限于浏览器的沙盒限制,网…
bash npm start 这将启动Electron应用程序,并加载由Vite提供的React应用。 要构建生产版本,首先运行Vite的构建命令: bash npm run build 然后,你可以通过Electron直接运行构建后的文件: bash npm start 这样,你就成功地将Electron、Vite和React集成到了一个应用程序中,并可以构建和运行它了。
Github:https://github.com/ant-design/ant-design-mobile桌面应用开发:Electron⚡️Vite Electron⚡️Vite 致力于提供 Electron 与 Vite 结合的最佳社区实践方案!它使得基于 Vite 开发的 Electron 工程变得十分简单! Github:https://github.com/electron-vite/electron-vite-react跨端应用开发:Taro / React Nat...
另外还需要安装一个electron和vite的桥接插件vite-plugin-electron。 yarn add -D vite-plugin-electron vite-plugin-electron:一款快速集成整合Vite和Electron,方便在渲染进程中使用Node API或Electron API功能。 到这里,所依赖的electron插件已经安装完毕。接下来就是创建主进程,启动项目了。
Vite:用于客户端 React 应用; Next.js:用于服务器端渲染的 React 应用; Astro:用于静态站点生成的 React 应用。 包管理器 JavaScript 生态系统(以及 React)中默认且使用最广泛的包管理器就是npm。 在 React 应用中安装依赖项时,通常会使用 npm。 然而,在过去几年中,yarn 一直是一个成功的替代品。 另外,pnpm...
什么是Electron.js Electron.js 是一个运行时框架,允许用户使用 HTML5、CSS 和 JavaScript 创建桌面套件应用程序。这是一个开源项目,由 GitHub 的工程师 Cheng Zhao 发起。 什么是 Vite ⚡ Vite 是由 Vue 的创始人 Evan You 创建的构建工具。由于超快的热模块重新加载 (HMR)、快速的冷启动时间和开箱即用的...
虽然Vite 主要负责渲染进程的构建和开发服务器,但它也可能间接影响 Electron 的配置。检查你的 Vite 配置文件(如vite.config.js),确认没有与 Electron 相关的特殊配置可能影响日志输出。 Electron 版本和依赖: 确保你使用的 Electron 版本与你的项目依赖兼容。有时候,升级到最新版本的 Electron 或相关依赖可以解决这类...
electron-react-admin:基于electron27+react18跨端后台管理程序 1 1条评论 得票最新 评论支持部分 Markdown 语法:**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用@来通知其他用户。 听9V2A6: parseEnv 可以发一下吗 ...
以往基于React和Create-React-App(CRA)的教程已过时，现在选择Vite作为基础工具，electron-vite作为集成框架，它提供了1.x正式版，尽管官方未直接提及，但实战验证了其优点，如简化Electron和Vite的集成，实现热更新等功能，大大简化了开发流程。本系列教程将详述如何使用electron-vite构建React桌面应用，旨在...