Element Admin screenshot

Element Admin

Author Avatar Theme by Kyx1234
Updated: 8 Nov 2023
150 Stars

基于 Vue3、TypeScript、Vite、Pinia、Element-Plus、Unocss 的一套后台管理框架。

Categories

Overview:

ElementAdmin is a backend template based on Vue3, Vite, TypeScript, Unocss, Element plus, Pinia, and VueUse. It incorporates the latest front-end technologies and features built-in theme configuration, dynamic menus, permission validation, and dynamic data display implemented with mock. It can be used as a ready-made template or for learning and reference purposes.

Features:

  • Vue3.3, Vite4, Pinia, TypeScript development
  • Support for ElementPlus, dark mode, and i18n internationalization
  • VueRouter dynamic permission routes, page button permissions, route lazy loading
  • Use of KeepAlive for page caching
  • Custom directive development for common use cases such as permissions, copying, watermarking, throttle, and debounce
  • Code formatting with Prettier, integrated ESLint for code validation, and standardized commits with husky, lint-staged, and commitlint

Installation:

To install ElementAdmin, follow these steps:

  1. Install dependencies:

    npm install
    
  2. Run the application:

    npm run dev
    
  3. Build the project:

    npm run build
    
  4. Check the update log for any changes.

Summary:

ElementAdmin is a feature-rich backend template built on a stack of modern technologies. With its support for key features like dynamic routing, permissions, and dark mode, along with a comprehensive set of development tools for code formatting and validation, ElementAdmin offers a robust solution for creating efficient and visually appealing admin dashboards.