Awesome
English | 中文
What is the Vue TSX Admin?
Overview
Vue TSX Admin it is a free open source mid-end and back-end management system module template. The UI is referred to acro design pro + ant design pro. It uses the latest front-end technology stack and uses the Vue3 + TSX mode for development. It provides out-of-the-box mid-end and back-end solutions. It has built-in i18n internationalized solutions, configurable layout, theme color modification, permission verification, and refined typical business models, it can help you quickly build a middle-end and back-end project.
The main development solutions are as follows:
- CSS solution：modules css + tailwind
- Network request: axios
- Authentication scheme: token + jwt
- Fake data: mockjs
- Store manager: pinia
- UI component library: arco desigin vue
- Tool Library: lodash + vue-use
- Internationalization switching solution: vue-i18n
- Packaging solution and locale static server: vite
Preview address
login username: admin
password: admin
login username: user
password: user
installation and Use
-
project conditions
- Node. js 18 +
- pnpm 8.5.0
-
use
# clone
git clone https://github.com/manyuemeiquqi/vue-tsx-admin.git
# cd project
cd vue-tsx-admin
# install dependency
pnpm install
# start project
pnpm run dev
Browser access: http://localhost: 5173/vue-tsx-admin/
- Publish
# build project
pnpm run build
- Others
# install husky
pnpm run husky
# format code
pnpm run format
# lint and fix code
pnpm run lint
# lint and fix style
pnpm run lint-style
Browser support
- Chrome >=87
- Firefox >=78
- Safari >=14
- Edge >=88
- IE is not supported in Vue3.
About the performance of Vue JSX
For more information, see https://github.com/krausest/js-framework-benchmark/pull/1546#issuecomment-1872904990
Demo
Author
License
Finally, if this project helps you, I hope you can help the author star ⭐ Encourage if you find the project bug , welcome to mention PR , thank you