/vue-tsx-admin

About a modern Vue Admin. It is based on Vue3 and TSX,It's flexible

Primary LanguageTypeScriptMIT LicenseMIT

English | 中文

What is the Vue TSX Admin?

logo-8b7cc132.svg

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

动画.gif

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