zhoujiangang0911 / vue-light-bootstrap-dashboard

Vue light bootstrap dashboard

Home Page:http://vuejs.creative-tim.com/vue-light-bootstrap-dashboard

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Admin dashboard based on light bootstrap dashboard UI template + vue-router

This project is a vue version of Light bootstrap dashboard designed for vue js. The dashboard includes Bootstrap 4, vue-router, chartist, google-maps and several other plugins/components.

Check the Live Demo here.

🚀 Getting started

Vue Light Bootstrap Dashboard is built on top of Bootstrap 4, Vuejs and Vue-router. To get started do the following steps:

  1. Download the project
  2. Make sure you have node.js (https://nodejs.org/en/) installed
  3. Type npm install in the source folder where package.json is located
  4. Type npm run dev to start the development server

The repo uses vue-cli scaffolding which takes care of the development setup with webpack and all the necessary modern tools to make web development faster and easier.

☁️ Build Setup

install dependencies

npm install

serve with hot reload at localhost:8000

npm run dev

build for production with minification

npm run build

run unit tests

npm run unit

run and watch unit tests

npm run unit:watch

📋 Contribution guide

  • npm install or yarn install
  • Please don't use jQuery or jQuery based plugins since there are many pure Vue alternatives

For detailed explanation on how things work, checkout the guide and docs for vue-loader.

About

Vue light bootstrap dashboard

http://vuejs.creative-tim.com/vue-light-bootstrap-dashboard

License:MIT License


Languages

Language:CSS 51.3%Language:Vue 36.1%Language:JavaScript 12.2%Language:HTML 0.4%