Vue3.0 Template Admin

screenshot of Vue3.0 Template Admin
vite
vue
scss

Vue3.0 Template Admin

本项目基于vue3+ElementPlus+Typescript+Vite搭建一套通用的后台管理模板;并基于常见业务场景,抽象出常见功能组件;包括动态菜单,菜单权限、登录、主题切换、国际化、个人中心、表单页、列表页、复制文本、二维码分享等等

Overview

The vue3.0-template-admin is a Vue 3.0-based admin template that utilizes the Composition API and is written in TypeScript. It provides a comprehensive set of features and functionality for building admin interfaces.

Features

  • Element Plus: Integration with the Element Plus UI component library.
  • N+1 多级菜单: Support for N+1 level multi-level menus.
  • Dashboard: A pre-built dashboard template.
  • 表格: Table component for displaying data.
  • Router Tab 选项卡: Support for router tab navigation.
  • 表单: Forms for data input and submission.
  • 图表 :antv or echart: Integration with data visualization charts from AntV or ECharts.
  • 二维码生成: Generate QR codes.
  • 导入导出 Excel: Import and export data to Excel.
  • 导出 Zip 文件: Export data as a Zip file.
  • 拖拽组件: Drag and drop components.
  • 富文本编辑器: Rich text editor.
  • markdown 编辑器: Markdown editor.
  • 个人页: User profile page.
vite
Vite

Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects

vue
Vue

Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.

scss
SCSS

SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.

eslint
Eslint

ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.