panjiachen/vue-admin-template

Analysis updated 2026-06-21

★ 20,438JavaScriptAudience · developerComplexity · 2/5LicenseSetup · easy

Mindmap

mindmap
  root((vue-admin-template))
    Stack
      Vue 2
      Element UI
      Vuex
      axios
    Features
      Permission control
      ESLint
      Role routing
    Getting started
      npm install
      npm run dev
      localhost 9528
    Related projects
      vue-element-admin
      TypeScript version

mindmap root((vue-admin-template)) Stack Vue 2 Element UI Vuex axios Features Permission control ESLint Role routing Getting started npm install npm run dev localhost 9528 Related projects vue-element-admin TypeScript version

Click or tap to explore — scroll the page freely

What do people build with it?

USE CASE 1

Start building a Vue 2 admin panel without setting up authentication and layout boilerplate from scratch.

USE CASE 2

Add role-based routing and menu generation by switching to the permission-control branch.

USE CASE 3

Use as a lightweight base before upgrading to the full-featured vue-element-admin if more built-in features are needed.

What is it built with?

JavaScriptVueVue RouterVuexElement UIaxiosESLint

How does it compare?

	panjiachen/vue-admin-template	sveltejs/kit	petkaantonov/bluebird
Stars	20,438	20,485	20,526
Language	JavaScript	JavaScript	JavaScript
Setup difficulty	easy	easy	easy
Complexity	2/5	3/5	2/5
Audience	developer	developer	developer

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · easy Time to first run · 5min

Use freely for any purpose including commercial use, just keep the copyright notice.

In plain English

vue-admin-template is a minimal Vue 2.0 admin dashboard starter template built with Element UI, axios, iconfont, permission control, and ESLint. It is intended as a lightweight starting point for building web-based admin panels and back-office interfaces. The template uses vue-cli, Vue Router, and Vuex. Running npm install and npm run dev starts a local development server at localhost:9528. Separate build commands are available for staging and production environments. An optional permission-control branch adds role-based routing and menu generation by user roles. A TypeScript version is also available as a community project called vue-typescript-admin-template. The full-featured sibling project is vue-element-admin, which includes significantly more built-in features. Browser support covers modern browsers and Internet Explorer 10 and above. The template is MIT-licensed.

Copy-paste prompts

Prompt 1

I just cloned vue-admin-template and ran npm install. Walk me through adding a new page with a data table that fetches from my REST API.

Prompt 2

How do I enable the permission-control branch of vue-admin-template so different user roles see different sidebar menu items?

Prompt 3

I want to add a login page to vue-admin-template that authenticates against my backend and stores the JWT token, show me where to put the auth logic.

Prompt 4

Help me add an Axios interceptor to vue-admin-template that attaches a Bearer token to every API request and redirects to login on 401.

Frequently asked questions

What is vue-admin-template?

A minimal Vue 2.0 admin dashboard starter template with Element UI, axios, and optional permission control, designed as a lightweight starting point for back-office web applications.

What language is vue-admin-template written in?

Mainly JavaScript. The stack also includes JavaScript, Vue, Vue Router.

What license does vue-admin-template use?

Use freely for any purpose including commercial use, just keep the copyright notice.

How hard is vue-admin-template to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is vue-admin-template for?

Mainly developer.

Open on GitHub → Explain another repo

This repo across BitVibe Labs

Scan in gitsafehub Deploy in gitdeployhub panjiachen on gitmyhub

Verify against the repo before relying on details.