English | 中文
A tauri-based backend framework template developed from vue-xs-admin.
For a full demo of vue-xs-admin, switch to the branch feature/vue-xs-admin.
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 git@github.com:jsxiaosi/vue-xs-admin.git
Alternatively, you can use the xs-cli
to quickly create one
npx @jsxiaosi/xs-cli create [project-name]
cd vue-xs-admin
Recommendedpnpm
pnpm i
npm
install
npm install
npm run dev
npm run build
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
-
Refer to Vue specification
feat
New Featuresfix
Repair defectsdocs
Document changestyle
Code formatrefactor
Code refactoringperf
Performance optimizationtest
Add neglected tests or changes to existing testsbuild
Build processes, external dependency changes (such as upgrading npm packages, modifying packaging configurations, etc.)ci
Modify CI configuration and scriptsrevert
Roll back the commitchore
Changes to the build process or tools and libraries (do not affect source files)wip
Under developmenttypes
Type 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