katonobo’s blog

プログラミング中心の雑記ブログ

Vue.jsにVue-Bootstrapを使うための設定

vue.jsでbootstrapを使うようにするのはとても簡単。

Bootstrap vueというのがあるのでこれを使う。下記サイトを参照すればわかるが備忘録。

bootstrap-vue.js.org

 

ステップ1

 

$npm i bootstrap-vue

 

npmでbootstrap-vueをインストール

 

ステップ2

 

main.jsに以下のコードをコピペ

 

import 'bootstrap/dist/css/bootstrap.css'

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

import BootstrapVue from 'bootstrap-vue'

Vue.use(BootstrapVue)

 

これで使えるようになる。