English | 中文
The out of the box background template developed based on mainstream technologies such as Vue3、Vite3、Element Plus, built-in I18n translation, routing permission control and other solutions can meet the needs of most enterprise management systems!
Account: admin
Password: admin123
-
The latest technology stack: developed using front-end cutting-edge technologies such as Vue3/Vite3
-
Theme: configurable theme
-
Internationalization: built-in perfect internationalization scheme
-
Common components: complete built-in package of common components
-
PWA: built-in PWA
- Node And Git - Project development environment
- Vite - Familiar with Vite features
- Vue3 - familiar with Vue basic syntax
- Es6+ - familiar with the basic syntax of Es6
- Vue-Router-Next - Familiar with the basic use of Vue Router
- Element-Plus - Ui Basic Usage
git clone https://github.com/jsxiaosi/vue-xs-admin.git
git clone [email protected]:jsxiaosi/vue-xs-admin.gitAlternatively, you can use the xs-clito quickly create one
npx @jsxiaosi/xs-cli create [project-name]cd vue-xs-adminRecommendedpnpm
pnpm inpm install
npm installnpm run devnpm run buildPull 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
-
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
Chrome 80+ is recommended for local development
Supports modern browsers, not Internet Explorer
 IE |
Edge |
 Firefox |
 Chrome |
 Safari |
|---|---|---|---|---|
| not support | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
-
vite-plugin-compression - Resource compression supports gzip or brotli
-
vite-plugin-style-import - Dynamically introduce component library styles
-
vite-plugin-svg-icons - SVG Sprite figure
-
vite-plugin-theme-preprocessor - Change the theme style dynamically
-
vite-plugin-pwa - PWA
-
EsLint - js Grammar testing
-
StyleLint - Style syntax checking
-
CommitLint - git commit Commits a canonical detection
.
├── build #Global public configuration directory
├── public #Public static file directory
├── src #Project Code Directory
│ ├── App.vue #The vue module
│ ├── assets #Project static file directory
│ ├── components #Common components
│ ├── layouts #Layout of the directory
│ ├── locales #Internationalization Configuration
│ ├── main.js #Entrance to the file
│ ├── router #Router
│ ├── store #Pinia
│ ├── styles #Common style
│ ├── utils #Public methods
│ └── views #Directory for storing vue pages
├── LICENSE
├── README.md
├── .editorconfig #The specification compiler encodes style files
├── .env.development #Development environment variables
├── .env.production #Production environment variables
├── .env.staging #Test environment variables
├── .eslintrc.js #EsLint configuration files
├── .eslintrcignore #EsLint Ignoring configuration files
├── stylelint.config.js #StyleLint configuration files
├── .stylelintignore #StyleLint Ignoring configuration files
├── commitlint.config.js #CommitLint configuration files
├── prettier.config.js #Prettier configuration files
├── .prettierignore #Prettier Ignoring configuration files
├── index.html #The root template
├── jsconfig.json
├── package-lock.json
├── package.json
└── vite.config.js #vite configuration files