More Premium Hugo Themes Premium Vue Themes

Vite Vue Admin

使用Vite + Vue3 + Pinia + Vue-router + TypeScript + Element-plus + Mock开发的后台管理系统

Vite Vue Admin

使用Vite + Vue3 + Pinia + Vue-router + TypeScript + Element-plus + Mock开发的后台管理系统

Author Avatar Theme by peng-xiao-shuai
Github Stars Github Stars: 173
Last Commit Last Commit: Nov 13, 2024 -
First Commit Created: Aug 27, 2024 -
default image

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:

  1. Clone the repository:
git clone <repository_url>
  1. Install dependencies:
pnpm install
  1. Modify configuration files:
  • To disable mock for the release version, uncomment code in main.ts and set VITE_MOCK to false in .env.production.
  • To disable mock for the development version, set VITE_MOCK to false in .env.development.
  1. 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.