Skip to content
Get packs

vue-admin-template

A minimal Vue admin dashboard starter with Element UI, axios, and lint setup.

GitHub Download 4.4.0
Stars
20.4k
Forks
7.3k
Licence
MIT
Language
JavaScript
Last update
2.5 years ago
Type
Library

No commits in over a year — check for forks or alternatives before adopting.

What it is

This is a starter template for building admin dashboards with Vue. It bundles Element UI components, axios for calling servers, icon fonts, and lint checks so you do not have to wire these up yourself. The README describes it as minimal, so it is meant to be a clean base rather than a finished product.

  • Start a Vue project with a login-style admin layout and Element UI components
  • Build a development server and production or staging bundles using the provided npm scripts
  • Check and auto-fix code formatting with the lint scripts

Great for

  • Developers starting a new internal admin panel or back-office tool in Vue
  • Teams already familiar with Vue and Element UI
  • People who want a small base project to extend with their own pages and logic

Not ideal for

  • Non-developers who need a ready-made dashboard with no coding (the README assumes you run npm commands and edit code)
  • Projects that need TypeScript out of the box (the README points to a separate TypeScript template instead)
  • Projects needing built-in role-based route permissions in this branch (the README says that lives in a separate permission-control branch)
Step-by-step guide: how to use vue-admin-templateInstall, first run, examples, tips and FAQs
vue-admin-template alternativesvue-admin-template vs vue-element-adminvue-admin-template vs VuexiView Admin vs vue-admin-templateSoybeanAdmin vs vue-admin-template

How to get it

  1. 1

    Clone and build from source

    You'll need: Node.js and npm (version not stated in the README)

    Clone the project

    git clone https://github.com/PanJiaChen/vue-admin-template.git

    Enter the project directory

    cd vue-admin-template

    Install dependencies

    npm install

    Start the development server

    npm run dev
  2. 2

    Run it

    • Run npm install in the project folder
    • Run npm run dev
    • Open http://localhost:9528 in your browser
  3. 3

    Get the most out of it

    • Use npm run build:stage or npm run build:prod to create deployable builds
    • Use npm run preview -- --report to check the build with static resource analysis
    • Use npm run lint -- --fix to auto-fix formatting issues
    • Check the linked permission-control branch if you need role-based routes and menus

Downloads

Source code (.zip)master branch · straight from GitHubRelease 4.4.0Release notes and sourceOfficial website & docsgit.io/fAnuM

Strengths

  • Simple, small starting point with Element UI, axios, and lint already set up
  • Has a live demo and documentation linked from the README
  • MIT licensed, so it can be used in commercial work

Trade-offs

  • The README describes it as minimal, so you will add most features yourself
  • The README notes the current version uses vue-cli and an older branch is needed for the non-vue-cli version
  • Browser support is listed as IE10+ and recent browser versions, which may matter for modern tooling choices

How it compares

ProjectStarsTypeLevelUpdatedBest for
vue-admin-template (this)20.4kLibraryintermediate2.5 years agoDevelopers starting a new internal admin panel or back-office tool in Vue
vue-element-admin90.1kOtherintermediate2.0 years agoDevelopers building internal admin dashboards in Vue
iview-admin16.3kAppintermediate4.5 years agoDevelopers building an internal admin panel on Vue 2
YesPlayMusic33.5kAppbeginner27 days agoExisting NetEase Cloud Music users who want a different player interface
vue-admin-better18.9kAppintermediate17 days agoFront-end developers with about a year of experience who want an admin panel starting point
ant-design-vue-pro10.9kAppintermediate1.1 years agoDevelopers building internal admin panels or dashboards on Vue 2

Stats synced from GitHub. The assessment above was drafted with AI from the project's README on 2026-10-29 and may miss recent changes — check the README before relying on a command. MIT licence: free to use, modify and distribute, including commercially, as long as you keep the copyright notice.