基于 Vite构建react开源中后台项目，支持Mock 数据、国际化、暗夜模式切换

简介

Arco-admin-template是一个免费开源的中后台模板你，使用了React17、vite2、react-router-dom v6、less 等主流技术开发，开箱即用的中后台前端解决方案。

项目目的：

• 学习React Hook相关 Api
• 掌握Vite2插件机制、构建配置
• 学习 Ract-router-dom v6新特性

在线预览

• Github访问：arco-admin-template

• Gitee访问: arco-admin-template

仓库地址

• Github: arco-admin-template
• Gitee: arco-admin-template

特性

• 技术栈：React17/React-router-dom v6/vite2
• Javascript 版本
• 可自定义主题
• 国际化方案
• Mock 数据方案
• 暗夜模式
• Arco Design UI 库

准备

• Node: 版本建议 >= 12.0.0 下载链接
• Git: 版本管理工具
• Visual Studio Code: 最新版本
  • Eslint- 脚本代码检查
  • Prettier - 代码格式化
  • Stylelin - css 格式化

安装使用

• 获取代码

git clone https://github.com/hu-snail/arco-admin-template.git

• 安装依赖

yarn install

• 运行

yarn dev

• 打包

yarn build

• 本地预览

yarn preview

预览截图

• 登录页

• 仪表盘

• 资源

• 按钮组件

• 设置

• 404

浏览器支持

本地开发推荐使用Chrome 80+ 浏览器

支持现代浏览器, 不支持 IE