A free and open source middle and back-end template with vue and vite

Vue vben admin

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.

• vue-vben-admin - Full version Chinese site
• vue-vben-admin-gh-pages - Full version of the github site
• vben-admin-thin-next - Simplified Chinese site
• vben-admin-thin-gh-pages -Simplified github site

Test account: vben/123456

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

Use Gitpod

Open the project in Gitpod (free online dev environment for GitHub) and start coding immediately.

Preparation

• node and git - Project development environment
• Vite - Familiar with vite features
• Vue3 - Familiar with Vue basic syntax
• TypeScript - Familiar with the basic syntax of TypeScript
• Es6+ - Familiar with es6 basic syntax
• Vue-Router-Next - Familiar with the basic use of vue-router
• Ant-Design-Vue - ui basic use
• Mock.js - mockjs basic syntax

Install and use

• Get the project code

git clone https://github.com/anncwb/vue-vben-admin.git

• Installation dependencies

cd vue-vben-admin

yarn install

• run

yarn serve

• build

yarn build