Jika kita membicarakan font awesome pasti teman-teman sudah tidak asing lagi ya, iya betul font awesome ini biasanya digunakan untuk menampilkan icon-icon yang sangat menarik dan lengkap (menurut saya), dan biasanya ketika kita ingin menggunakan fontawesome kita tinggal mendirect linknya kita terapkan di website kita, lalu ketika kita menggunakan vuejs kita bisa menginstallnya melalui npm bagaimana cara menginstall NPM fontawesome di vuejs, oke simak terus artikel ini.

Hal pertama yang harus teman-teman lakukan adalah, teman-teman harus sudah menginstall templatenya, jadi kita disini langsung masuk cara menginstall NPM fontawesome di vuejs, bagi teman-teman yang belum tau bagaimana cara menginstallnya silahkan teman-teman bisa kunjungi artikel saya sebelumnya tentang install cli menggunakan vuejs klik disini, jika sudah mari kita lihat ketika kita menginstall template vuejs pasti belum ada folder dengan nama node_modules seperti ini

cara menginstall NPM fontawesome di vuejs

ini dikarenakan kita belum menginstall npmnya, cara menginstall npm nya seperti ini

silahkan tunggu akan membutuhkan waktu jika sudah baru kita tambahkan npm fontawesomenya, karena ketika kita menginstall npm saja, font awesome belum terinstall seperti ini:

cara menginstall NPM fontawesome di vuejs

supaya ada, maka dari itu kita harus install terlebih dahulu cara menginstallnya seperti ini

dan silahkan refresh lihat di node_modules nya pasti sudah ada, jika belum berarti ada yang salah, oke jika sudah ada, silahkan teman-teman masuk ke file main.js kita import fontawesomenya seperti ini

cara menginstall NPM fontawesome di vuejs

ada “tagicon” itu berfungsi untuk membuat tag sesuai dengan nama yang kita setting seperti kita ingin menampilkan iconya, silahkan teman-teman buka file app.vue kita setting seperti ini

cara menginstall NPM fontawesome di vuejs

bisa dilihat saya menggunakan tagicon dengan name=”bell” name bell itu adalah nama icon dari fontawesome, silahkan teman-teman coba dengan nama icon lain. dan sekarang kita lihat hasilnya

cara menginstall NPM fontawesome di vuejs

Oiya jika teman-teman punya refrensi lain icon selain fontawesome boleh kasih tau saya kita sharing disini dengan cara komentar di bawah ini ya, saya sangat berterimakasih, dan saya rasa cukup sampai disini dulu belajar kita tentang cara menginstall NPM fontawesome di vuejs, semoga bermanfaat dan sampai jumpa pada artikel selanjutnya terimakasih.