Vue.js + Bootstrap
公開日：
最終更新日：
要約
この記事では、Vue.jsのプロジェクトにBootstrapを組み込む手順を解説しています。まずnpmでvue、bootstrap-vue、bootstrapをインストールし、関連する設定ファイルを参考サイトを元に整えます。開発サーバー起動時に不足するsass-loaderとnode-sassを都度インストールして、最終的にサーバーの起動を成功させる手順を示しています。
Vue.js に bootstrap を組み込む。
$ npm install vue bootstrap-vue bootstrapそして、次のWEBサイトを参考に、ファイルを設定。
Bootstrap-vueで編集した_variables.scssを適用する
$ npm run serveサーバーを起動しようとすると、「sass-loader」がないとおこられるので、インストール。再び、サーバーを起動。
$ npm install -D sass-loader今度は「node-sass」がないと注意されるので、再びインストールしてサーバーを起動。
$ npm install -D node-sassこれで、サーバーの起動を確認。