react-router-dom 6.16.0antd 5.9.4less 4.2.0sass 1.69.0stylus 0.60.0 ※注: 代码区域每行开头的:"+" 表示新增"-" 表示删除"M" 表示修改 1 Electron核心概念 学习Electron最先要掌握的就是他的主进程与渲染进程概念。网上很多相关教程也进行了详细介绍,又是画关系图又是文字描述的。这里只想把最核心的...
这个文件将来将会作为Electron的入口网页文件。 安装前端路由react-router-dom: 代码语言:javascript 代码运行次数:0 运行 AI代码解释 yarn install react-router-dom 安装完成之后,在src目录下新建一个入口js文件index.js、一个路由组件文件router.js,再创建一个文件夹叫page用于存储页面组件文件,里面再建立一个文件叫做...
一、项目技术栈:Electron+react+react-router+antd ** 1、Electron:**electron是一个使用js,html和css等的web技术创建原生桌面应用的框架,他基于chromium和node.js,构建的应用可以在Mac,windows和Linux三个平台上运行。 2、React和react-router在该项目中负责构建单页面应用和路由跳转的实现。 3、Antd作为UI框架。
https://segmentfault.com/a/1190000044340077 今天再分享一篇electron+react18+arco-design搭建跨桌面端后台管理系统实例应用。 electron-react-admin支持亮色+黑夜主题。 开发技术 开发工具:VScode 框架技术:electron27+vite4+react18+zustand+react-router4 UI组件库:arco-design (字节react轻量级UI组件库) 样式处理:s...
Github:https://github.com/remix-run/react-router构建:Vite Vite 是一个轻量级的、速度极快的下一代前端构建工具,对 Vue SFC 提供第一优先级支持。它最初是为 Vue 3 项目而创建的,但也可以用于其他框架,如 React、Svelte、Preact 等,目前已被多个前端框架作为默认的构建工具。
的评论,创建工程的时候,用Electron React Boilerplate非常方便,还附带了各工种工具,例如可以直接在 VSCode 中启动调试,还可以直接使用 npm run package 打包。 环境配置 创建工程 想不到创建工程也是个问题 :-(。 如果打算使用 TypeScript 作为主要开发语言的话,在创建工程的时候,一定要使用基于 TypeScript 的模板工...
大家有没有想过自己的应用程序在流程图中看起来是什么样的?React -sight 可以让整个应用程序以树状图的形式展示层次结构,清楚查看我们的 React 应用程序。它还支持 React Router,Redux 和 React Fibre。 使用此工具,我们可以将鼠标悬停在节点上,这些节点是指向树中与它们直接相关的组件的链接。
electron Electron是一个使用JavaScript、HTML和 CSS 构建桌面应用程序的框架。 嵌入 Chromium 和 Node.js到 二进制的 Electron 允许您保持一个JavaScript代码代码库并创建 在Windows上运行的跨平台应用 macOS和Linux——不需要本地开发 经验。 react React 是一个声明式,高效且灵活的用于构建用户界面的JavaScript库。使...
electron-react-admin支持暗黑/亮色两种主题切换模式。 使用技术 开发工具:VScode 框架技术:electron27+vite^4.4.5+react18+zustand+react-router UI组件库:arco-design (字节react轻量级UI组件库) 样式处理:sass^1.69.5 图表组件:bizcharts^4.1.23 MD编辑器组件:@uiw/react-md-editor ...
electron是一个使用HTML、CSS、JavaScript构建跨平台桌面应用的框架。 说白了就是用这个框架,你可以在使用前端技术来开发桌面应用,原理是在本地应用上跑一个抽出来的浏览器,浏览器上放你写的页面。 你可能会问Electron的存在有什么意义,众所周知,前端技术可以让我们轻松写出漂亮易用的界面,如果你尝试过其他的桌面开发...