Introduction

Get started with Bootstrap, the world's most popular framework for building responsive, mobile-first sites, with the Bootstrap CDN and a template starter page.

Quick Start

  1. Make sure you have (Node.js)[https://nodejs.org/en/] installed.
  2. Go to project folder.
  3. Run npm install or yarn install
  4. Run npm run serve or yarn serve to start local development server

This template was built with Vue CLI 3. For more details please check out Vue CLI 3 docs.

Note for MAC users

Please make sure you have enabled view hidden files We've encountered some cases when developers copied over the dashboard files but because of hidden files, important files such as .babelrc or .eslintrc.json were not copied. Please make sure you copy all files in order to avoid unwanted issues.

Once you have downloaded the archive and opened it, you will find a couple of folders with code and configuration files. Let's take it one by one. The first folder we want to look at is the base folder structure

Dependencies

"bootstrap": "4.1.1",
"element-ui": "^2.4.5",
"nouislider": "^11.1.0",
"register-service-worker": "^1.0.0",
"vue": "^2.5.16",
"vue-lazyload": "^1.2.6",
"vue-router": "^3.0.1",
"vue2-google-maps": "^0.9.6",
"vue2-transitions": "^0.2.3"
1
2
3
4
5
6
7
8
9

Starter template

We build a starter page so you can get started really quickly. By default the archive will open up the presentation pages. To open the starter page, go to main.js and change line 3



 


import Vue from "vue";
import App from "./App.vue";
import router from "./starterRouter";

1
2
3
4

This will use a fresh router with only one page located in src/pages/starter.