マテリアルデザインはGoogleが提唱しているデザインシステムです。
今回紹介する、vuetifyはこのマテリアルデザインを利用したVue Component Frameworkです。
card/form/date pickerなどが用意されているので利用してみてください。

環境

インストール

vue cli 3を使用している場合

以下のコマンドに従うだけです。

vue add vuetify

npm installの場合

npm install --save vuetify

main.jsに以下の記述を追加する。

import Vuetify from 'vuetify';
import 'vuetify/dist/vuetify.min.css'

Vue.use(Vuetify);

index.htmlに以下の記述を追加する。

html

奥山

ECMAScript,Javaを扱います。
最近は、vue.jsなどフロントエンドの技術に興味あり！

中日ドラゴンズを応援してます。