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)

 

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