かとのぼのマイコード・マイライフ

プログラミング初心者とアプリの個人開発者向けのブログ。たまに銭湯

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

この記事をシェアする

これからはじめるVue.js実践入門

Vue.jsにVue-Bootstrapをセッティングする方法

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

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

bootstrap-vue.js.org

 

ステップ1:npmでbootstrap-vueをインストール

 

$npm i bootstrap-vue

 

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

 

ステップ2:main.jsにコードを追加

 

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

 

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

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

import BootstrapVue from 'bootstrap-vue'

Vue.use(BootstrapVue)

 

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

 

 

これからはじめるVue.js実践入門

 

Vue.jsのツボとコツがゼッタイにわかる本

 

 

後悔しないためのVueコンポーネント設計 (技術の泉シリーズ(NextPublishing))

 

基礎から学ぶ Vue.js