vite 4.4.11react 18.2.0react-dom 18.2.0react-router-dom 6.16.0antd 5.9.4less 4.2.0sass 1.69.0stylus 0.60.0 ※注: 代码区域每行开头的:"+" 表示新增"-" 表示删除"M" 表示修改 1 Electron核心概念 学习Electron最先要掌握的就是他的主进程与渲染进程概念。网上很多相关教程也进行了详细介绍,又是画...
本次开发使用了electron-vite-react,具体构建和配置就是用它的默认配置就好了,值得注意的是,本次需要要做三个窗体,一个主窗体,一个截屏窗体,一个是图片展示窗体,于是索性就引入react-router-dom了。 先来安装一下: 1 2 3 4 5 git clone https://github.com/electron-vite/electron-vite-react pnpm add rea...
基于Vite 4.x搭建 集成Sass/Scss/Less/Stylus 集成Ant Design 5.x 集成react-router-dom 基于send与on/once实现主进程与渲染进程通信 基于invoke与handle实现主进程与渲染进程通信 讲解应用图标、APP窗口大小、取消跨域限制、禁止DevTools等常用配置 讲解如何解决下载和编译时遇到的各种问题 讲解如何进行V8字节源代码保护...
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(...
sAkuraOfficial 关注作者注册登录 electronviterouterreact 赞收藏 分享 阅读661发布于2024-09-09 sAkuraOfficial 1声望0粉丝 引用和评论
Electron-React-mateOS支持桌面多级路由菜单,自定义配置route路由表。搭配arco-design组件库,支持暗黑+亮色模式。 技术框架 编辑器:VScode 框架技术:vite4+react18+zustand+react-router@6 跨端技术:electron^27.0.1 打包工具:electron-builder^24.6.4 UI组件库:arco-design (字节react轻量级UI组件库) 图表组件:biz...
bash npm start 这将启动Electron应用程序,并加载由Vite提供的React应用。 要构建生产版本,首先运行Vite的构建命令: bash npm run build 然后,你可以通过Electron直接运行构建后的文件: bash npm start 这样,你就成功地将Electron、Vite和React集成到了一个应用程序中,并可以构建和运行它了。
半个月之前有分享一款electron31+vue3桌面端admin管理系统。今天再分享一款最新原创研发的Electron32+Vite5桌面版OS系统管理模板ElectronViteOS。 运用技术 编辑器:VScode 技术框架:Vite^5.4.1+Vue^3.4.37+Vue-router^4.4.3 跨平台框架:Electron^32.0.1
1.https://gitee.com/dmhsq/vue3-vite-electron 代码哈士奇 2022/03/11 1.3K0 万物皆可快速上手之Electron(第一弹) 渲染electronguiapireact React作为日常使用比较频繁的框架,这里就不详细说明了,这里主要是想通过几篇文章让大家快速上手Electron以及与React完美融合。 前端森林 2020/11/19 1.5K0 React使用Electr...
基于跨平台技术Electron集成Vite.js构建桌面端React18后台管理系统应用ElectronRAdmin。支持dark/light主题、中英文/繁体国际化、动态组件权限验证、内置三种布局模板、tabs路由菜单标签栏等功能。 使用技术 编程工具:vscode 框架技术:electron27+vite^4.4.5+react18+zustand+react-router ...