react-xs-admin

KO | EN

gitlite — search

#python #javascript #deep-learning #mysql #php #python3 #kotlin #game #ios #gpu #cnn #linux

★ 49 Open GitHub ↗

😍React background management system based on React18, ReactRouteV6 and Vite4

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<div align="center">
<a href="https://github.com/jsxiaosi/react-xs-admin">
<h1>react-xs-admin</h1>
</a>
</div>

**English** | [中文](./README.CN.md)

## Brief Introduction

The out of the box background template developed based on mainstream technologies such as `React18`,`And Design`,`Vite4`, and the built-in internationalization, routing permission control and other solutions can meet the needs of most enterprise management systems!

## Characteristic

- **The latest technology stack**: Developed using front-end cutting-edge technologies such as React18/Vite4

- **Theme**: configurable theme

- **Internationalization**: built-in perfect internationalization scheme

- **Permission**: Permission Routing

## Preview

- [github site](https://jsxiaosi.github.io/react-xs-admin/)
- [gitee site](http://jsxiaosi.gitee.io/react-xs-admin/)

## Prepare

- [Node](http://nodejs.org/) And [Git](https://git-scm.com/) - Project development environment
- [Vite](https://cn.vitejs.dev/) - Familiar with Vite features
- [React18](https://reactjs.org/) - Familiar with the basic syntax of React18
- [Es6+](http://es6.ruanyifeng.com/) - familiar with the basic syntax of Es6
- [React Router V6](https://reactrouter.com/en/main) - Familiar with the basic use of React Router V6
- [And Design 5](https://ant.design/docs/react/introduce-cn) - Ui basic use
- [Emotion](https://emotion.sh/docs/introduction) - Basic use

## Installation and use

### 1. Get project code (Https or SSH)

```bash
git clone https://github.com/jsxiaosi/react-xs-admin.git

git clone git@github.com:jsxiaosi/react-xs-admin.git
```

Alternatively, you can use the [`xs-cli`](https://github.com/jsxiaosi/xs-cli)to quickly create one

```bash
npx @jsxiaosi/xs-cli create [project-name]
```

### 2.Installation Dependencies

```bash
cd react-xs-admin
```

Recommended`pnpm`

```bash
pnpm i
```

`npm` install

```bash
npm install
```

### 3.Developer

```bash
npm run dev
```

### 4.Production

```bash
npm run build
```

## Project address

- [react-xs-admin](https://github.com/jsxiaosi/react-xs-admin)

## How to contribute

**Pull Request:**

1. Fork Code!
2. Create your own branch: `git checkout -b feature/xxxx`
3. Submit your changes: `git commit -m 'feature: add xxxxx'`
4. Push your branch: `git push origin feature/xxxx`
5. Submit: `pull request`

## Git Contribution submission specification

- Refer to [Vue](https://github.com/vuejs/vue/blob/dev/.github/COMMIT_CONVENTION.md) specification
  - `feat` New Features
  - `fix` Repair defects
  - `docs` Document change
  - `style` Code format
  - `refactor` Code refactoring
  - `perf` Performance optimization
  - `test` Add neglected tests or changes to existing tests
  - `build` Build processes, external dependency changes (such as upgrading npm packages, modifying packaging configurations, etc.)
  - `ci` Modify CI configuration and scripts
  - `revert` Roll back the commit
  - `chore` Changes to the build process or tools and libraries (do not affect source files)
  - `wip` Under development
  - `types` Type definition file modification

## Browser Support

Chrome 80+ is recommended for local development

Supports modern browsers, not Internet Explorer

| [<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/)</br>IE | [<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/)</br>Edge | [<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/)</br>Firefox | [<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/)</br>Chrome | [<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/)</br>Safari |
| :-: | :-: | :-: | :-: | :-: |
| not support | last 2 versions | last 2 versions | last 2 versions | last 2 versions |

## maintainers

[@jsxiaosi](https://github.com/jsxiaosi)

## License

react-xs-admin

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README