vue-admin-dashboard-template — Vue 后台模板

SHA-256: 1fdc8aed823f11aa683521c8a402823a85b27877f306ac649b560e709e71413a

2026-10-13T03:18:41.646Z

# [Admin One  — Free Vue Bulma Buefy Dashboard](https://justboil.me/bulma-admin-template/free-vue-buefy-dashboard/)

[![version](https://img.shields.io/github/v/release/vikdiesel/admin-one-vue-bulma-dashboard)](https://justboil.me/bulma-admin-template/free-vue-buefy-dashboard/)  [![license](https://img.shields.io/badge/license-MIT-blue.svg)](https://justboil.me/bulma-admin-template/free-vue-buefy-dashboard/)

[![Free Vue.js 2.6 Bulma Buefy admin dashboard](https://static.justboil.me/templates/one/repo-bulma-vue.png)](https://vikdiesel.github.io/admin-one-vue-bulma-dashboard/?v=2)

**Admin One** is simple, beautiful and free Vue.js 2.x Buefy Bulma admin dashboard

* Built with **Vue.js 2.x** **Bulma** and **Buefy**
* **Vue CLI** & **Vite** build tools support
* Classic **Options API** using `data`, `computed`, `methods`, etc.
* **Composition API** version is available under [vue-2x-composition-api branch](https://github.com/vikdiesel/admin-one-vue-bulma-dashboard/tree/vue-2x-composition-api)
* **Styled** scrollbars
* SPA with **Vuex** & **Router**
* **SCSS sources** with variables
* Reusable components
* Responsive
* Free under MIT License
* [Premium version](https://justboil.me/bulma-admin-template/one/) available

## Table of Contents

* [Other versions](#other-versions)
  * [Bulma versions](#bulma-versions)
  * [Vue.js 3 TailwindCSS](#vuejs-3-tailwindcss-dashboard)
* [Description & Demo](#description--demo)
* [Options API](#options-api)
  * [Composition API version](#composition-api-version)
* [Quick Start](#quick-start)
  * [Get code & install](#get-code--install)
  * [Vue CLI builds](#vue-cli-builds)
  * [Vite builds](#vite-builds)
  * [Linting](#linting)
* [Browser Support](#browser-support)
* [Reporting Issues](#reporting-issues)
* [Licensing](#licensing)
* [Useful Links](#useful-links)

## Other versions

### Bulma versions

Other Bulma dashboard versions: https://justboil.me/bulma-admin-template/

### Vue.js 3 TailwindCSS dashboard

* Built with **Vue.js 3**, **TailwindCSS** framework & **Composition API**
* **Vite** and **Vue CLI** build tools
* **Dark mode**
* **Styled** scrollbars
* SPA with **Vuex** & **Router**
* **Production CSS** is only **33kb**

More info: https://github.com/justboil/admin-one-vue-tailwind

[![Free Vue.js 3 Tailwind CSS admin dashboard](https://justboil.me/images/one-v3/repository-tailwind-vue3-vite.png)](https://github.com/justboil/admin-one-vue-tailwind)

## Description & Demo

#### Description

https://justboil.me/bulma-admin-template/free-vue-buefy-dashboard/

#### Free Dashboard Demo

https://vikdiesel.github.io/admin-one-vue-bulma-dashboard/?v=2

#### Premium Dashboard Demo

https://admin-one.justboil.me

## Options API

Built with classic **Options API** for Vue.js 2.x using `data`, `computed`, `methods`, etc.

### Composition API version

**Composition API** for Vue.js 2.x is available under [vue-2x-composition-api branch](https://github.com/vikdiesel/admin-one-vue-bulma-dashboard/tree/vue-2x-composition-api)

Classic **Options API** version is available under [1.5.4 release](https://github.com/vikdiesel/admin-one-vue-bulma-dashboard/releases/tag/v1.5.4)

## Quick Start

Get code & install. Then use either [Vue CLI](#vue-cli-builds) or [Vite](#vite-builds) builds.

* [Get code & install](#get-code--install)
* [Vue CLI builds](#vue-cli-builds)
* [Vite builds](#vite-builds)

### Get code & install

#### Get the repo

* [Create new repo](https://github.com/vikdiesel/admin-one-vue-bulma-dashboard/generate) from this template
* … or clone the repo on GitHub
* … or [download .zip](https://github.com/vikdiesel/admin-one-vue-bulma-dashboard/archive/master.zip) from GitHub

#### Install

`cd` to project's dir and run `npm install`

### Vue CLI builds

#### Compiles and hot-reloads for development
```
npm run serve
```

#### Compiles and minifies for production
```
npm run build
```

### Vite builds

[Vite](https://vitejs.dev) is next Generation Frontend Tooling featuring unbundled web-development

#### Compiles and hot-reloads for development
```
npm run build
```

#### Compiles and minifies for production
```
npm run build:vite
```

### Linting

#### Lint
```
npm run lint
```

#### Lints and fixes files
```
npm run lint:fix
```

## Browser Support

We try to make sure dashboard works well in the latest versions of all major browsers

<img src="https://justboil.me/images/browsers-svg/chrome.svg" width="64" height="64" alt="Chrome"> <img src="https://justboil.me/images/browsers-svg/firefox.svg" width="64" height="64" alt="Firefox"> <img src="https://justboil.me/images/browsers-svg/edge.svg" width="64" height="64" alt="Edge"> <img src="https://justboil.me/images/browsers-svg/safari.svg" width="64" height="64" alt="Safari"> <img src="https://justboil.me/images/browsers-svg/opera.svg" width="64" height="64" alt="Opera">

## Reporting Issues

JustBoil's free items are limited to community support on GitHub.

The issue list is reserved exclusively for bug reports and feature requests. That means we do not accept usage questions. If you open an issue that does not conform to the requirements, it will be closed.

1. Make sure you are using the latest version of the dashboard
2. Provide steps to reproduce
3. Provide an expected behavior
4. Describe what is actually happening 
5. Platform, Browser & version as some issues may be browser specific

## Licensing

- Copyright &copy; 2019-2021 JustBoil.me (https://justboil.me)
- Licensed under MIT

## Useful Links

- [JustBoil.me](https://justboil.me)
- [Vue.js](https://vuejs.org)
- [Vue CLI](https://cli.vuejs.org)
- [Buefy](https://buefy.org)
- [Bulma](https://bulma.io)