vue3 bootstrap 설치

vue3에서 bootstrap 설치 방법

npm install vue bootstrap bootstrap-vue-3 
 
cf)만약 기존 bootstrap을 받았으면 삭제해야한다.

npm uninstall vue bootstrap bootstrap-vue

 

main.js 파일에서 연결한다.

import { createApp } from 'vue'
import App from './App.vue'
import router from './routes/index.js'
import BootstrapVue3 from 'bootstrap-vue-3'

import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap-vue-3/dist/bootstrap-vue-3.css'

createApp(App)
    .use(router)
    .use(BootstrapVue3)
    .mount('#app')