A frontend SIMPLE Admin Interfaces, based on Vite + Vue3 + ElementPlus + Typescript.

Intro

Uses element-plus as UI toolkit, ES2015+， typescript， vue3， pinia， vue-router， vite

Advantage

• Tech: Use the latest tech stacks of vue3.
• Pure: No mockjs, case examples integrated, you can configure freely.
• Layout: Layout components are decoupled, easy to use and replace it.
• Lightweight：Less codes, easy to learn and get started quickly.

Features

• Automatically generate sidebar menus based on routing configuration (supports multi-level nesting and external links)
• Dynamically generate breadcrumbs based on current routing information
• Navigation tabs (right-click pop-up menu, support page refresh, close)
• Sidebar menus, breadcrumbs, and tabs all support icons (element-plus icons and svg)
• Dynamically cache pages based on routing configuration
• Routing permissions
• Svg Sprite Icon
• Automatically register global components (element-plus components and components/*.vue)
• Support native CSS variables and CSSWG draft regulations for development, and write CSS that conforms to future standards
• Automatically add prefixes to CSS codes to adapt styles to different browsers
• Supports development with JSX/TSX

Ready

# clone project
git clone https://github.com/mirfut/vue-admin-elem.git

# enter the project directory
cd vue-admin-elem

# install dependency
npm install # use npm
yarn # use yarn

# start
npm run dev # use npm
yarn dev # use yarn

Scripts

• dev：start development
• build：build project
• preview：preview the built project

License

MIT License