Based on Vue3.0 / Vite/Ant Design and other hot open source project construction, fresh out, worth paying attention to.

About Vue vben Admin

Vue Vben Admin is a backend solution built on Vue3.0, Vite, Ant-Design-Vue and TypeScript, providing out-of-the-box UI framework for medium and large project development. Including secondary encapsulation components, utils, hooks, dynamic menu, permission verification, button level permission control and other functions. The technology used by Vue Vben Admin is a relatively new technology stack at the front end, which can be used as the startup template of the project and can help to quickly build enterprise-level product prototypes in the background. It can also be used as a learning example for hands-on learning of vuE3, Vite, TS and other mainstream technologies. The author of the project said that he would keep up with the latest technology and apply the latest things to the project.

Vue Vben Admin framework features

  • Vue family bucket. Based on Vue3, Vite, Vue Router Next, Vuex Next development
  • The Typescript. Develop with Typescript
  • Hooks. Encapsulate hooks for daily development needs.
  • Permission management. Complete front – end permission management solution
  • Component encapsulation. The secondary packaging of components that are used frequently in daily life is very rich
  • On demand. True import on demand, only import on the page you need

The directory structure

Develop hands-on experience and usage suggestions

Vue Vben Admin is an elegant and beautiful Admin UI framework, compared to many Admin projects that only focus on functions, the appearance level is very able to play, after all, for a future long-term operation of the Internet project, the wrong choice of Admin in the late want to iterate is very painful, if time permits, I want to knock it down and start over.

Vue Vben Admin is suitable for developers using the Vue technology stack, but it is important to be familiar with TS. Support through simple configuration without any code to achieve a lot of customized functions, such as changing the theme color, animation effects, page layout, etc., of course, also support I have been stressed before the multi-tab page function, which for the background administrator’s daily operation, efficiency is very obvious.

Vue Vben Admin, the author of Vue Vben Admin, provides a complete version and a condensed version of two versions, the complete version is used to learn and view the implementation of the code source, the condensed version is used to build a new project, save themselves to delete a lot of useless page code to start.

However, the release time of Vue Vben Admin is still very short. According to the experience of project development, it takes a certain amount of time and use investment to become stable. The amount of documents on the official website is not enough, but fortunately, there are sufficient examples, and basically the pages and components that can be used for background management are available. Vue Vben Admin also uses Vue3 / Vite and other new technology stack in the front-end field. It is suggested to give priority to learning. If it is to be put into actual production, it is suggested to pay attention to it again. It can also be put into production.

Free and Open Source instructions

The author of Vue Vben Admin is a domestic developer. He opened the Admin framework in his spare time and hosted it on Github under MIT open source agreement. Anyone can download and use it for free without restricting commercial use.

Related website: www.thosefree.com/vue-vben-ad…