Jika kemarin kita sudah berhasil menginstall npm fontawesome, disini kita akan mencoba menginstall npm yang lain dimana yang akan kita coba adalah cara menginstall npm css Bootstrap di vuejs, bootstrap sendiri tidak di pungkiri lagi di kalah web developer sebagi design untuk sebuah template, tentunya dengan menggunakan boostrap tampilan kita akan menjadi lebih rapih, cantik, cepat dan responsive tentunya, dibandingkan kita hanya menggunakan HTML & CSS saja, dan kali ini kita akan mencoba menerapkan untuk menggabungkan bootstrap ini ke vuejs bagaimana caranya simak terus ya.

Sama seperti fontawesome kemarin ketika kita menggunakan sebuah bootstrap kita bisa menggunakan dengan cara CDN ke boostrap bahkan kita juga bisa mengaturnya untuk offline, tetapi disini kita akan coba cara menginstall npm css Bootstrap di vuejs, caranya sama seperti sebelumnya yaitu teman-teman harus sudah menginstall templatenya, bagi yang belum silahkan kunjungi website saya sebelumnya yaitu cara menginstall npm cli vue js bisa lihat disini, jika template sudah terinstall teman-teman jangan lupa install npmnya dengan cara

kenapa saya terus mengingatkan ini karena ini yang sering menjadi masalah, kita lupa menginstall npmnya, bisa dilihat jika kita sudah menginstall npm maka akan muncul folder node_modules seperti ini

cara menginstall npm css Bootstrap di vuejs

itu adalah kumplan npm tetapi npm untuk bootstrap belum ada maka dari itu silahkan teman-teman install terlebih dahulu caranya seperti ini

jika sudah silahkan cek apakah sudah berhasil, cara mengeceknya selain di folder node_modules kita juga bisa buka package-lock.json seperti ini

cara menginstall npm css Bootstrap di vuejs

jika sudah berhasil biasanya akan tampil disitu, jika sudah silahkan teman-teman buka file main.js dan kita importnya bootstrap cssnya seperti ini:

cara menginstall npm css Bootstrap di vuejs

jika sudah mari kita coba di app.vue nya silahkan teman-teman pakai class css yang ada bootstrap untuk melihat apakah sudah berhasil, disini template dari app.vue saya mencobanya dengan jumbotron dan tables, jika teman-teman ingin sama silahkan saya mengisinya seperti ini,

silahkan tempalte bawaan ganti dengan di atas, apakah berhasil, jika berhasil maka tampilannya seperti ini

cara menginstall npm css Bootstrap di vuejs

oke punya saya sudah berhasil, bagaimana punya teman-teman, jika ada yang belum berhasil dan masih bingung silahkan teman-teman komentar di bawah, dan saya sudah cukup jelas penjelasan saya mengenai cara menginstall npm css Bootstrap di vuejs, semoga bermanfaat dan sampai jumpa pada artikel selanjutnya terimakasih.