Topic: is any Vue Admin Pro Guide Docs ?

Kevin Chen free asked 4 years ago

I Was bought the Vue Admin Pro Package, i can download and set up it runing local computer. but i like to intigrate the admin to my existing projects. not sure how to do that? what necessary files to use if i just needs the SideNav, Navbar, Copyrights framework to my projects, it is any documents can help to do this ?

Magdalena Dembna staff answered 4 years ago

What you need to do is to copy the mdbvue-admin-[version].tgz folder to your project directory, and then, in the package.json file add the following dependencies:

   "mdbvue": "./mdbvue-admin-5.8.3.tgz",
    "bootstrap-css-only": "^4.3.1",
    "lodash.orderby": "^4.6.0",
    "popper.js": "^1.14.7"
    "vue-drag-drop": "^1.1.4",
    "vue2-google-maps": "^0.10.6"

Once you've run npm install / yarn, open the src/main.js file and add several imports:

 import * as VueGoogleMaps from 'vue2-google-maps'
import 'bootstrap-css-only/css/bootstrap.min.css'
import 'mdbvue/build/css/mdb.css'

Vue.use(VueGoogleMaps, {
  load: {
    libraries: 'places'

This set up will allow you to use the entire admin pack inside your project. If you're not planning on using calendar or maps, you can drop some of this code (f.e. v2-google-maps or lodash.orderby.

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB Vue
  • MDB Version: 6.2.0
  • Device: mac
  • Browser: chrome
  • OS: mac
  • Provided sample code: No
  • Provided link: No