slash admin

斜线管理员

Slash Admin 是一个使用 React 18、Vite、Ant Design 和 TypeScript 构建的现代管理仪表板模板。它旨在帮助开发人员快速创建强大的管理系统。

预览 · Discord · 文档

英语| 中文

赞助

预览

• https://admin.slashspaces.com/

特征

• 使用 React 18 hooks 构建。
• 由Vite提供支持，可实现快速开发和热模块更换。
• 集成Ant Design，提供丰富的UI组件和设计模式。
• 用 TypeScript 编写，提供类型安全和改进的开发体验。
• 响应式设计，适应各种屏幕尺寸和设备。
• 灵活的路由配置，支持嵌套路由。
• 基于用户角色的集成访问控制。
• 支持国际化，方便语言切换。
• 包括常见的管理功能，例如用户管理、角色管理和权限管理。
• 可定制的主题和风格，以满足您的品牌需求。
• 基于 MSW 和 Faker.js 的模拟解决方案。
• 使用 Zustand 进行状态管理。
• 使用 React-Query 获取数据。

快速入门

获取项目代码

git clone https://github.com/d3george/slash-admin.git

安装依赖项

在项目根目录下，执行以下命令安装项目依赖：

pnpm install

启动开发服务器

运行以下命令启动开发服务器：

pnpm dev

访问 http://localhost:3001 查看您的应用程序。

为生产而构建

运行以下命令来构建生产版本：

pnpm build

Docker部署

构建镜像并运行容器

建立形象

在终端中进入项目根目录，执行以下命令构建Docker镜像：

 docker build -t your-image-name .

确保将your-image-name替换为您自己的图像名称

运行容器

使用以下命令在 Docker 容器中运行应用程序：

 docker run -p 3001:80 your-image-name

这将在容器的端口80 （在Dockerfile中公开）上运行您的应用程序，并将其映射到主机上的端口3001 。

现在您可以访问http://localhost:3001来查看已部署的应用程序。

使用 docker-compose.yaml

在终端中进入项目根目录，执行以下命令启动Docker Compose：

 docker-compose up -d

Docker Compose 将根据“docker-compose.yml”定义的配置构建镜像。 yaml' 并在后台运行容器。

容器运行成功后，还可以通过 http://localhost:3001 来查看已部署的应用程序。

Git 贡献提交规范

参考.commitlint.config.js

• feat新功能
• fix修复
• docs文档或注释
• style代码格式（不影响代码执行的更改）
• refactor重构
• perf性能优化
• revert恢复提交
• test测试相关
• 施工过程或辅助工具的chore变更
• ci修改 CI 配置和脚本
• types类型定义文件更改
• 开发中的在wip