is any Vue Admin Pro Guide Docs ?

Topic: is any Vue Admin Pro Guide Docs ?

Kevin Chen free asked 5 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 ?

Add comment

Magdalena Dembna staff answered 5 years ago

0 0 Best answer

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

<pre class="prettyprint"><code> "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"
</code></pre>

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

<pre class="prettyprint"><code> 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'
 }
})
</code></pre>

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. <code>v2-google-maps</code> or <code>lodash.orderby</code>.

Please insert min. 20 characters.

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.

Add comment

Write

Create snippet

FREE CONSULTATION

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

Status

Answered

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

Kevin Chen

15Support score
3Questions 0Answers 0Snippets