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

access address

login username: admin

password: admin

login username: user

password: user

code address

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 krausest/js-framework-benchmark#1546 (comment)

Demo

Author

manyuemeiquqi

License

MIT 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