2022-01-20 21:29:30 +08:00
< div align = "center" >
2024-01-17 02:06:19 +08:00
< img src = "./public/favicon.svg" width = "160" / >
2022-01-24 00:36:38 +08:00
< h1 > Soybean Admin< / h1 >
2024-01-17 02:06:19 +08:00
< span > English | < a href = "./README.zh_CN.md" > 中文< / a > < / span >
2022-01-20 21:29:30 +08:00
< / div >
2021-11-10 23:53:18 +08:00
2023-03-13 20:49:33 +08:00
[](./LICENSE)  
2022-01-20 21:29:30 +08:00
2024-01-17 02:16:47 +08:00
>[!IMPORTANT]
> the old version of soybean-admin is moved to branch [legacy](https://github.com/honghuangdc/soybean-admin/tree/legacy). It is recommended to use the latest version of soybean-admin.
> the documents of new version is processing, please wait patiently.
2024-01-17 02:06:19 +08:00
## Introduction
2023-09-21 00:51:52 +08:00
2024-01-17 02:06:19 +08:00
[Soybean Admin ](https://github.com/soybeanjs/soybean-admin ) is a fresh and elegant admin template based on Vue3, Vite5, TypeScript, Pinia and UnoCSS. It uses the latest popular front-end technology stack, built-in rich theme configuration, has a very high code specification, and is has an automatic, intelligent file routing system. It use ApiFox to generate mock data, out-of-the-box admin solutions, can also be used for learning reference.
2023-09-21 00:51:52 +08:00
2024-01-17 02:06:19 +08:00
## Features
2023-09-21 00:51:52 +08:00
2024-01-17 02:06:19 +08:00
- **Popular technology stack**: Vue3, Vite5, TypeScript, Pinia, UnoCSS.
- **Clean Structure**: Use pnpm monorepo, clean and elegant structure, easy to maintain.
- **TypeScript**: Strictly typed, easy to maintain.
- **Theme**: Built-in rich theme configuration, easy to incorporate UnoCSS.
- **File routing System**: Automatic, intelligent file routing system. more details in [Elegant Router ](https://github.com/soybeanjs/elegant-router ).
- **Auth Router**: Support front-end static routing and back-end dynamic routing.
- **Code Specification**: Very high code specification. more details in [SoybeanJS Code Standard]().
2023-09-21 00:51:52 +08:00
2024-01-17 02:06:19 +08:00
## Preview
2023-09-21 00:51:52 +08:00
2024-01-17 02:06:19 +08:00
- [NaiveUI ](https://admin.soybeanjs.cn )
- [AntDesign Vue ](https://antd.soybeanjs.cn )
2023-09-21 00:51:52 +08:00
2024-01-17 02:06:19 +08:00
## Documentation
2022-01-20 21:29:30 +08:00
2024-01-17 02:06:19 +08:00
- [Docs ](https://docs.soybeanjs.cn )
2022-01-20 21:29:30 +08:00
2024-01-17 02:06:19 +08:00
## Repositories
2022-01-20 21:29:30 +08:00
2024-01-17 02:06:19 +08:00
| Repository | Github | Gitee | Preview |
| --- | --- | --- | --- |
| NaiveUI | [github ](https://github.com/honghuangdc/soybean-admin ) | [gitee ](https://gitee.com/honghuangdc/soybean-admin ) | [preview ](https://admin.soybeanjs.cn ) |
| AntDesign Vue | [github ](https://github.com/soybeanjs/soybean-admin-antd ) | [gitee ](https://gitee.com/honghuangdc/soybean-admin-antd ) | [preview ](https://antd.soybeanjs.cn ) |
2022-02-16 19:17:21 +08:00
2024-01-17 02:06:19 +08:00
## Example Images
2023-06-05 02:13:15 +08:00
2024-01-17 02:06:19 +08:00








2023-06-05 02:13:15 +08:00
2023-06-07 02:19:47 +08:00
2024-01-17 02:06:19 +08:00
## Usage
2023-06-07 02:19:47 +08:00
2024-01-17 02:06:19 +08:00
- Environment Prepare
2022-02-16 19:27:08 +08:00
2024-01-17 02:06:19 +08:00
- **NodeJS**: >= 18.0.0 (recommend >=18.19.0)
> recommend use [fnm](https://github.com/Schniz/fnm) to manage nodejs version. [Installation Tutorial](https://juejin.cn/post/7113462239734022158)
- **pnpm**: >= 8.0.0 (recommend >=8.14.0)
- **git**
2022-02-16 19:27:08 +08:00
2024-01-17 02:06:19 +08:00
- Clone Project
2022-01-20 21:29:30 +08:00
```bash
git clone https://github.com/honghuangdc/soybean-admin.git
```
2024-01-17 02:06:19 +08:00
- Install Dependencies
2022-01-20 21:29:30 +08:00
```bash
pnpm i
```
2024-01-17 02:06:19 +08:00
> The project uses pnpm monorepo, so you can't use npm or yarn to install dependencies.
2022-01-20 21:29:30 +08:00
2024-01-17 02:06:19 +08:00
- Start Project
2022-01-20 21:29:30 +08:00
```bash
pnpm dev
```
2024-01-17 02:06:19 +08:00
- Build Project
2022-01-20 21:29:30 +08:00
```bash
pnpm build
```
2024-01-17 02:06:19 +08:00
## How to Contribute
2022-09-13 20:56:59 +08:00
2024-01-17 02:06:19 +08:00
We welcome all contributions. You can submit any ideas as [pull requests ](https://github.com/honghuangdc/soybean-admin/pulls ) or as a GitHub [issue ](https://github.com/honghuangdc/soybean-admin/issues/new ).
2022-01-20 21:29:30 +08:00
2024-01-17 02:06:19 +08:00
## Git Commit Guidelines
2022-01-20 21:29:30 +08:00
2024-01-17 02:06:19 +08:00
The project has built-in command `commit` , so by executing `pnpm commit` you can create a commit message following [Conventional Commits ](conventionalcommits )
2022-01-20 21:29:30 +08:00
2024-01-17 02:06:19 +08:00
## Browser Support
2022-01-20 21:29:30 +08:00
2024-01-17 02:06:19 +08:00
It is recommended to use the latest version of Chrome in development for a better experience.
2022-01-20 21:29:30 +08:00
2024-01-17 02:06:19 +08:00
| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/archive/internet-explorer_9-11/internet-explorer_9-11_48x48.png" alt="IE" width="24px" height="24px" /> ](http://godban.github.io/browsers-support-badges/ ) | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt=" Edge" width="24px" height="24px" /> ](http://godban.github.io/browsers-support-badges/ ) | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" /> ](http://godban.github.io/browsers-support-badges/ ) | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" /> ](http://godban.github.io/browsers-support-badges/ ) | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" /> ](http://godban.github.io/browsers-support-badges/ ) |
| --- | --- | --- | --- | --- |
| not support | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
2022-01-20 21:29:30 +08:00
2024-01-17 02:06:19 +08:00
## OpenSource Author
2022-01-20 21:29:30 +08:00
2024-01-17 02:06:19 +08:00
[Soybean ](https://github.com/honghuangdc )
2022-01-20 21:29:30 +08:00
2024-01-17 02:06:19 +08:00
## Communication
2022-01-20 21:29:30 +08:00
2024-01-17 02:06:19 +08:00
- [GitHub Issue ](https://github.com/honghuangdc/soybean-admin/issues )
< br / >
2022-01-20 21:29:30 +08:00
2024-01-17 02:06:19 +08:00
- QQ Group :
2022-01-20 21:29:30 +08:00
2024-01-17 02:06:19 +08:00
< img src = "https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/qq.jpeg" style = "width:200px" / >
< br / >
2022-01-20 21:29:30 +08:00
2024-01-17 02:06:19 +08:00
- Soybean's Wechat (Business Consultancy or Cooperation) :
2023-03-07 07:36:38 +08:00
2024-01-17 02:06:19 +08:00
< img src = "https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/wechat.jpeg" style = "width:200px" / >
2022-01-20 21:29:30 +08:00
2024-01-17 02:06:19 +08:00
## Donation
2022-08-10 21:31:59 +08:00
2024-01-17 02:06:19 +08:00
If you think this project is helpful to you, you can buy Soybean a drink to show your support, Soybean open source power can not be separated from your support and encouragement.
2022-06-25 00:27:10 +08:00
2024-01-17 02:06:19 +08:00

2022-06-25 00:27:10 +08:00
2022-01-20 21:29:30 +08:00
## License
2024-01-17 02:06:19 +08:00
This project is based on the [MIT © 2021 Soybean ](./LICENSE ) protocol, for learning purposes only, please retain the author's copyright information for commercial use, the author does not guarantee and is not responsible for the software.