vuetifyでマテリアルデザインを導入

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

環境

項目 バージョン
node.js 10.8.0
vue.js 2.5.17
vuetify 1.0.19

インストール

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

コメント

タイトルとURLをコピーしました