Adding bootstrap to Vue CLI project

Question

I\'m new to Vue and webpack in general and I\'m having a hard time figuring out how to import things.

I created a fresh Vue project through vue init I added

Answer 1

jQuery is not required in current version (Right now: "bootstrap": "^4.4.1", "bootstrap-vue": "^2.5.0")

• install bootstrap
  • npm install bootstrap-vue bootstrap --save
• Then, register BootstrapVue in your app entry point (main.js)
  • import BootstrapVue from 'bootstrap-vue/dist/bootstrap-vue.esm';
  • Vue.use(BootstrapVue)
• And import Bootstrap and BootstrapVue css files in main.js:
  • import 'bootstrap/dist/css/bootstrap.css'
  • import 'bootstrap-vue/dist/bootstrap-vue.css'