%20(2).svg)
项目简介
本项目是用于中后台开发的模板工程，基于React和ice框架，采用TypeScript编写。集成了Fusion Design Pro - TS，包含图表、表单等大量UI区块，可按需选用。支持多种构建模式和渲染方式，具备完善的状态管理、数据请求方案以及代码质量检查体系。
项目的主要特性和功能
- 构建工具：支持Webpack 5和Vite 2。
- 开发模式：支持SPA、MPA、服务端渲染SSR和静态构建SSG。
- 技术基础：基于ES6+、TypeScript 4.5+、React 17、React Router 5。
- 状态与数据：采用Mobx 6进行状态管理，axios进行数据请求。
- 页面特性：支持页面级keepAlive的RouteTabs组件。
- 样式处理：支持SCSS预处理器，有公共SCSS mixins，默认采用Fusion Design UI库，支持主题可视化配置。
- 配置管理：统一菜单和路由配置。
- 代码质量：具备Eslint、Stylelint、Prettier等代码质量体系，遵循Markdownlint规范和代码提交日志规范。
- 推荐方案：推荐使用ahooks和Formily。
安装使用步骤
环境准备
确保已安装node 12+、babel 7+、webpack 5、React 17+、node-sass 4+、jest。
安装依赖
在项目根目录下运行以下命令安装依赖： ```plain
yarn ``` 若yarn安装node-sass失败，可通过cnpm单独安装node-sass。
启动服务
```bash $ yarn
$ yarn start # visit http://localhost:8888 $ yarn dev # visit http://localhost:8889 ```
生产环境打包
bash
$ yarn build
$ yarn build -- --analyzer
$ yarn analyze
$ yarn build --build-speed
执行测试
bash
$ yarn test
代码提交
bash
$ yarn commit
$ yarn version
发布时，将build目录下的文件发布到对应node服务器上，推荐搭建CI/CD平台自动完成。推荐使用Visual Studio Code编辑器，若出现占用系统资源100%的情况，检查是否安装了SCSS IntelliSense、IntelliSense for CSS class names in HTML插件，若存在则关闭。
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】