Menuゆるtech。作成済みのVueプロジェクトでVuetifyを使えるようにする作成済みのVueプロジェクトでVuetifyを使えるようにする2019/01/03shigu493Vuetifyとはデザイン初心者でも簡単に使える、マテリアルデザインのUIコンポーネントです。ハイブリッド対応されており、ヘッダー・フッターなどスマホデザインっぽいものも用意されているので、スマホ最適化したサイトやアプリを作成するのに便利です。難点は、マテリアルデザインなのでどちらかというとAndroidのデザインに近いということでしょうか。iOSユーザからすると若干違和感のあるデザインになってしまうかもしれません。components.手順npmでvuetifyをインストールします。--savemain.jsにimportとプラグインの設定を追加します。アプリ全体に対して適用したい場合は、App.vueを下記のように書き換えます。</v-app></template>これで導入は完了です。Componentsから使えるコンポーネントを調べられます。Framework.ここで指定しているcolorはデフォルトだとこちらが設定されています。'#FFC107'}デフォルトのcolorを変更したい場合は、main.jsで設定できます。}})おわりにUIコンポーネントのデメリットは「デザインにオリジナリティが失われやすいこと」だと思うのですが、やはりデザインに強みのないエンジニアには非常に助けになります。活用しながらアプリ作成していきたいなと思います。コメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。Emanon%d人のブロガーが「いいね」をつけました。