|
@@ -1,4 +1,4 @@
|
|
|
-<div align="center"> <a href="https://github.com/anncwb/vue-vben-admin"> <img alt="VbenAdmin Logo" width="200" height="200" src="https://cdn.jsdelivr.net/gh/vbenjs/vben-cdn-static@0.1.0/vben-admin/logo.png"> </a> <br> <br>
|
|
|
+<div align="center"> <a href="https://github.com/anncwb/vue-vben-admin"> <img alt="VbenAdmin Logo" width="200" height="200" src="https://unpkg.com/@vbenjs/static-source@0.1.5/source/logo-v1.webp"> </a> <br> <br>
|
|
|
|
|
|
[](LICENSE)
|
|
|
|
|
@@ -11,24 +11,23 @@
|
|
|
|
|
|
Vue Vben Admin is a free and open source middle and back-end template. Using the latest `vue3`, `vite2`, `TypeScript` and other mainstream technology development, the out-of-the-box middle and back-end front-end solutions can also be used for learning reference.
|
|
|
|
|
|
+## Upgrade Notice
|
|
|
+
|
|
|
+This is the latest version, 5.0, and it is not compatible with previous versions. If you are starting a new project, it is recommended to use the latest version. If you wish to view the old version, please use the [v2 branch](https://github.com/vbenjs/vue-vben-admin/tree/v2).
|
|
|
+
|
|
|
## Feature
|
|
|
|
|
|
-- **State of The Art Development**:Use front-end front-end technology development such as Vue3/vite2
|
|
|
-- **TypeScript**: Application-level JavaScript language
|
|
|
-- **Theming**: Configurable themes
|
|
|
-- **International**:Built-in complete internationalization program
|
|
|
-- **Mock Server** Built-in mock data scheme
|
|
|
-- **Authority** Built-in complete dynamic routing permission generation scheme.
|
|
|
-- **Component** Multiple commonly used components are encapsulated twice
|
|
|
+- **Latest Technology Stack**: Developed with cutting-edge front-end technologies like Vue 3 and Vite
|
|
|
+- **TypeScript**: A language for application-scale JavaScript
|
|
|
+- **Themes**: Multiple theme colors available with customizable options
|
|
|
+- **Internationalization**: Comprehensive built-in internationalization support
|
|
|
+- **Permissions**: Built-in solution for dynamic route-based permission generation
|
|
|
|
|
|
## Preview
|
|
|
|
|
|
-- [vue-vben-admin](https://vben.vvbin.cn/) - Full version Chinese site
|
|
|
-- [vue-vben-admin-gh-pages](https://anncwb.github.io/vue-vben-admin/) - Full version of the github site
|
|
|
-- [vben-admin-thin-next](https://vben.vvbin.cn/thin/next/) - Simplified Chinese site
|
|
|
-- [vben-admin-thin-gh-pages](https://anncwb.github.io/vben-admin-thin-next/) -Simplified github site
|
|
|
+- [Vben Admin](https://vben.pro/) - Full version Chinese site
|
|
|
|
|
|
-Test account: vben/123456
|
|
|
+Test Account: vben/123456
|
|
|
|
|
|
<p align="center">
|
|
|
<img alt="VbenAdmin Logo" width="100%" src="https://anncwb.github.io/anncwb/images/preview1.png">
|
|
@@ -44,18 +43,7 @@ Open the project in Gitpod (free online dev environment for GitHub) and start co
|
|
|
|
|
|
## Documentation
|
|
|
|
|
|
-[Document](https://doc.vvbin.cn/)
|
|
|
-
|
|
|
-## Preparation
|
|
|
-
|
|
|
-- [node](http://nodejs.org/) and [git](https://git-scm.com/) - Project development environment
|
|
|
-- [Vite](https://vitejs.dev/) - Familiar with vite features
|
|
|
-- [Vue3](https://v3.vuejs.org/) - Familiar with Vue basic syntax
|
|
|
-- [TypeScript](https://www.typescriptlang.org/) - Familiar with the basic syntax of `TypeScript`
|
|
|
-- [Es6+](http://es6.ruanyifeng.com/) - Familiar with es6 basic syntax
|
|
|
-- [Vue-Router-Next](https://next.router.vuejs.org/) - Familiar with the basic use of vue-router
|
|
|
-- [Ant-Design-Vue](https://2x.antdv.com/docs/vue/introduce-cn/) - ui basic use
|
|
|
-- [Mock.js](https://github.com/nuysoft/Mock) - mockjs basic syntax
|
|
|
+[Document](https://doc.vben.pro/)
|
|
|
|
|
|
## Install and use
|
|
|
|
|
@@ -70,6 +58,8 @@ git clone https://github.com/anncwb/vue-vben-admin.git
|
|
|
```bash
|
|
|
cd vue-vben-admin
|
|
|
|
|
|
+corepack enable
|
|
|
+
|
|
|
pnpm install
|
|
|
|
|
|
```
|
|
@@ -77,7 +67,7 @@ pnpm install
|
|
|
- run
|
|
|
|
|
|
```bash
|
|
|
-pnpm serve
|
|
|
+pnpm dev
|
|
|
```
|
|
|
|
|
|
- build
|
|
@@ -90,11 +80,6 @@ pnpm build
|
|
|
|
|
|
[CHANGELOG](./CHANGELOG.zh_CN.md)
|
|
|
|
|
|
-## Project
|
|
|
-
|
|
|
-- [vue-vben-admin](https://github.com/anncwb/vue-vben-admin) - full version
|
|
|
-- [vue-vben-admin-thin-next](https://github.com/anncwb/vben-admin-thin-next) - Simplified version
|
|
|
-
|
|
|
## How to contribute
|
|
|
|
|
|
You are very welcome to join Or submit a Pull Request。
|
|
@@ -120,19 +105,10 @@ You are very welcome to join - Used for local and development environment data mock
|
|
|
-- [vite-plugin-html](https://github.com/anncwb/vite-plugin-html) - Used for html template conversion and compression
|
|
|
-- [vite-plugin-compression](https://github.com/anncwb/vite-plugin-compression) - Used to pack input .gz|.brotil files
|
|
|
-
|
|
|
## Browser support
|
|
|
|
|
|
The `Chrome 80+` browser is recommended for local development
|
|
@@ -151,7 +127,7 @@ Support modern browsers, not IE
|
|
|
|
|
|
If you think this project is helpful to you, you can help the author buy a cup of coffee to show your support!
|
|
|
|
|
|
-
|
|
|
+
|
|
|
|
|
|
<a style="display: block;width: 100px;height: 50px;line-height: 50px; color: #fff;text-align: center; background: #408aed;border-radius: 4px;" href="https://www.paypal.com/paypalme/cvvben">Paypal Me</a>
|
|
|
|
|
@@ -163,8 +139,7 @@ If you think this project is helpful to you, you can help the author buy a cup o
|
|
|
|
|
|
## Discord
|
|
|
|
|
|
-- [github discussions](https://github.com/anncwb/vue-vben-admin/discussions)
|
|
|
-- [Discord](https://discord.gg/8GuAdwDhj6)
|
|
|
+- [Github Discussions](https://github.com/anncwb/vue-vben-admin/discussions)
|
|
|
|
|
|
## License
|
|
|
|