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

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

環境

インストール

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

vue add vuetify

1 2	vue add vuetify

npm install --save vuetify

1 2	npm install --save vuetify

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

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

Vue.use(Vuetify);

import Vuetify from 'vuetify';

import 'vuetify/dist/vuetify.min.css'

Vue.use(Vuetify);

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

html

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

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