【源码】基于 Electron 和 React 的前端模组化客户端模板

项目简介

本项目是基于 Electron 实现的前端模组化客户端模板，运用类似微前端的模式，实现不同框架项目间的协同与管理，采用浏览器用户交互模式进行框架设计。

项目的主要特性和功能

技术栈

采用 React 17.x、Redux+Toolkit、TypeScript、Scss/Less、Ant Design 5.x、Vite 4.x、Electron 等技术，同时使用 EsLint、Prettier、Husky 进行代码检查和格式化。

功能特性

• 支持全局数据存储。
• 具备窗口间的通用 IPC 通信能力。
• 后续会开发 404/401/403 等状态提示组件、导航栏、登录功能、工具栏扩展以及全局管理模块等。

安装使用步骤

前提条件

需安装 Node.js（版本 >= 14.20.0）、npm（版本 >= 8.0.0）和 Git（版本 >= 2.30.0）。

安装依赖

在已下载的项目源码文件根目录下，执行 npm install 或 npm run init。若 husky hooks 安装失败，请检查是否已进行 git init。若代码标红提示，可检查 npm 版本是否过低，若因版本低安装了 react18 的声明文件，可使用 npm install --no-optional 避免，或直接升级 npm 版本。

开发模式

执行 npm run dev 启动开发环境。

预览

执行 npm run preview 进行预览。

构建

执行 npm run build 进行项目构建。

代码检查

执行 npm run lint 进行代码检查。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】