Overview:

This is a Vue boilerplate project designed for developing prototypes of small to medium-sized backend management systems. It incorporates various technologies such as Vite 5, Vue 3.3, Pinia, TypeScript, i18n, UnoCSS, Unplugin, and Element-Plus 2.x. The project aims to provide a fast and efficient way to build prototypes by offering features like internationalization (i18n) support, UI components, state management, automatic imports, atomic CSS, unit testing, and more. There are multiple versions of the project available, each using different technology stacks, and a live demo is provided for users to try out the different templates.

Features:

• Vite 5 + Vue 3 + TypeScript
• UI framework: Element Plus 2.x
• State management: Pinia
• Automatic imports with Unplugin Auto Import
• Atomic CSS with UnoCSS
• Unit testing framework: Vitest
• Built-in ESlint and Stylelint
• Axios wrapper for API calls
• <IconFont /> component for using IconFont icons
• Global $ModalDialog plugin for displaying modal dialogs
• vue-i18n-next support for internationalization
• Router level language switching with VueRouter
• Pre-configured route authentication using Nprogress

Installation:

1. Run pnpm i to install the dependencies.
2. Run pnpm dev to start the frontend dev server.

Summary:

This Vue boilerplate project provides a convenient and efficient way to develop prototypes of backend management systems. It offers a range of features including internationalization support, UI components, state management, automatic imports, atomic CSS, unit testing, and more. The project is highly customizable and comes in multiple versions using different technology stacks. By leveraging this boilerplate, developers can save time on configuration and focus on writing their own business code.