Overview:
Vite-Vue-Admin is a front-end management template implemented based on Vite, Vue, Vue-router, Pinia, Element-plus, and TypeScript. It incorporates the latest front-end technology stack and provides a variety of functional components for building enterprise-level back-end product prototypes or learning mainstream technologies.
Features:
- Technology Stack: Implemented with Vite4.x, Vue3.x, Vue-router4.x, Pinia, Element-plus, and TypeScript.
- Internationalization: Built-in vue-i18n internationalization solution.
- Dynamic Routing: Supports dynamic routing for efficient navigation.
- Table Component: Features a refined table component for secondary development based on antd-x6.
- Functional Components: Provides a wealth of functional components for building back-end product prototypes.
- Documentation: Contains detailed documentation and project settings for easy reference.
- Mock Data Support: Includes mock.js for simulating data for testing purposes.
- Customization: Allows customization of development and release versions by modifying configuration files.
Installation:
To install Vite-Vue-Admin, follow these steps:
- Clone the repository:
git clone <repository_url>
- Install dependencies:
pnpm install
- Modify configuration files:
- To disable mock for the release version, uncomment code in
main.ts
and setVITE_MOCK
tofalse
in.env.production
. - To disable mock for the development version, set
VITE_MOCK
tofalse
in.env.development
.
- Run the project:
pnpm dev
Summary:
Vite-Vue-Admin is a comprehensive front-end management template built with the latest technologies like Vite, Vue, and TypeScript. It offers dynamic routing, internationalization support, and a variety of functional components for enterprise-level back-end product prototyping. With detailed documentation and customization options, it serves as a valuable resource for developers looking to explore Vue3, Vite, and other mainstream technologies.