kmmkの雑種系日記

学習まとめです。

Buefyの導入

目次

はじめに

現在の仕事でツールチップはbuefyで統一するぜ!となったので調べてみました。

現場ではnpm installだけで環境ができたので、個人的に導入方法の備忘録もかねてまとめてみました。

Buefyとは

BulmaとVue.jsを組み合わせたUIコンポーネントです。ツールチップやモーダルなどが提供されており、簡単に使用することができるのでかなり便利です。

buefyの導入

今回はNuxtの環境があること前提に話が進んでいきます。

インストール

npm install nuxt-buefy

nuxt.config.jsのモジュールに追記

  ** Nuxt.js modules
  */
  modules: [
    'nuxt-buefy' //追記
  ],

これで使用することができます。

参考

Start | Buefy