Awesome
<div align="center"> <a href="https://github.com/jsxiaosi/react-xs-admin"> <h1>react-xs-admin</h1> </a> </div>English | 中文
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
<img src="https://www.jsxiaosi.com/image/react-xs-admin1.png?max=xiaosi" width="100%"> <img src="https://www.jsxiaosi.com/image/react-xs-admin2.png?max=xiaosi" width="100%">Prepare
- Node And Git - Project development environment
- Vite - Familiar with Vite features
- React18 - Familiar with the basic syntax of React18
- Es6+ - familiar with the basic syntax of Es6
- React Router V6 - Familiar with the basic use of React Router V6
- And Design 5 - Ui basic use
- Emotion - Basic use
Installation and use
1. Get project code (Https or SSH)
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-clito quickly create one
npx @jsxiaosi/xs-cli create [project-name]
2.Installation Dependencies
cd react-xs-admin
Recommendedpnpm
pnpm i
npm install
npm install
3.Developer
npm run dev
4.Production
npm run build
Project address
How to contribute
Pull Request:
- Fork Code!
- Create your own branch:
git checkout -b feature/xxxx - Submit your changes:
git commit -m 'feature: add xxxxx' - Push your branch:
git push origin feature/xxxx - Submit:
pull request
Git Contribution submission specification
-
Refer to Vue specification
featNew FeaturesfixRepair defectsdocsDocument changestyleCode formatrefactorCode refactoringperfPerformance optimizationtestAdd neglected tests or changes to existing testsbuildBuild processes, external dependency changes (such as upgrading npm packages, modifying packaging configurations, etc.)ciModify CI configuration and scriptsrevertRoll back the commitchoreChanges to the build process or tools and libraries (do not affect source files)wipUnder developmenttypesType definition file modification
Browser Support
Chrome 80+ is recommended for local development
Supports modern browsers, not Internet Explorer