is any Vue Admin Pro Guide Docs ?


Topic: is any Vue Admin Pro Guide Docs ?

Kevin Chen asked a year 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 premium answered a year 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.
Status

Answered

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: Vue
  • MDB Version: 6.2.0
  • Device: mac
  • Browser: chrome
  • OS: mac
  • Provided sample code: No
  • Provided link: No