Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://manyuemeiquqi.github.io/vue-tsx-admin/

About a modern Vue Admin. It is based on Vue3 and TSX，It's flexible
https://manyuemeiquqi.github.io/vue-tsx-admin/

admin front-end-development jsx pinia pinia-plugin-persist tailwind template tsx vite vue vue3-typescript

Last synced: 3 months ago
JSON representation

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

Host: GitHub
URL: https://manyuemeiquqi.github.io/vue-tsx-admin/
Owner: manyuemeiquqi
License: mit
Created: 2023-06-11T06:32:03.000Z (about 1 year ago)
Default Branch: master
Last Pushed: 2024-01-06T10:16:49.000Z (6 months ago)
Last Synced: 2024-01-28T17:55:46.844Z (6 months ago)
Topics: admin, front-end-development, jsx, pinia, pinia-plugin-persist, tailwind, template, tsx, vite, vue, vue3-typescript
Language: TypeScript
Homepage: https://manyuemeiquqi.github.io/vue-tsx-admin/
Size: 910 KB
Stars: 198
Watchers: 1
Forks: 14
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Lists

awesome-uikit - Vue TSX Admin - tsx-admin.svg?label=" /> - About a modern Vue Admin. It is based on Vue3 and TSX，It's flexible. [![Open-Source Software][OSS Icon]](https://github.com/manyuemeiquqi/vue-tsx-admin) (Admin Template / Vue)

README

        English | [中文](https://github.com/manyuemeiquqi/vue-tsx-admin/blob/master/README.zh-CN.md)

## What is the Vue TSX Admin?

![logo-8b7cc132.svg](https://cdn.nlark.com/yuque/0/2024/svg/22817409/1704071810855-a476e977-aa08-4521-9072-25398ea3cc29.svg#clientId=u14b4c0c0-88b6-4&from=drop&id=uc834b898&originHeight=64&originWidth=64&originalType=binary&ratio=1&rotation=0&showTitle=false&size=3466&status=done&style=none&taskId=u4e913108-1538-44fd-826a-f6da0e4e91e&title=)

### Overview

[Vue TSX Admin ](https://github.com/manyuemeiquqi/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 ](https://manyuemeiquqi.github.io/vue-tsx-admin/)

> login username: admin

>

> password: admin

>

> login username: user

>

> password: user

[code address ](https://github.com/manyuemeiquqi/vue-tsx-admin)

### installation and Use

- project conditions

  - Node. js 18 +

  - pnpm 8.5.0

- use

```javascript

# 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/ ](http://localhost:5173/vue-tsx-admin/)

- Publish

```javascript

# build project

pnpm run build

```

- Others

```javascript

# 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](https://github.com/krausest/js-framework-benchmark/pull/1546#issuecomment-1872904990)

### Demo

![动画.gif](https://cdn.nlark.com/yuque/0/2024/gif/22817409/1704072677179-76719f50-5e8a-4f7f-aaab-b1e3952ef6d5.gif#averageHue=%23d5c9b1&clientId=uf128b628-9083-4&from=drop&id=u79f05bb4&originHeight=1007&originWidth=1919&originalType=binary&ratio=1&rotation=0&showTitle=false&size=2616308&status=done&style=none&taskId=u01bc0557-2a52-4e92-8d81-02530d08ada&title=)

### Author

[manyuemeiquqi](https://github.com/manyuemeiquqi/vue-tsx-admin/commits?author=manyuemeiquqi)

### License

[MIT License](https://github.com/manyuemeiquqi/vue-tsx-admin?tab=MIT-1-ov-file)

Finally, if this project helps you, I hope you can help the author [star ](https://github.com/manyuemeiquqi/vue-tsx-admin?tab=readme-ov-file) ⭐ Encourage

if you find the project [bug ](https://github.com/manyuemeiquqi/vue-tsx-admin/issues), welcome to mention [PR ](https://github.com/manyuemeiquqi/vue-tsx-admin/pulls), thank you