マテリアルデザインは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を使用している場合
以下のコマンドに従うだけです。
1 2 |
vue add vuetify |
npm installの場合
1 2 |
npm install --save vuetify |
main.jsに以下の記述を追加する。
1 2 3 4 5 |
import Vuetify from 'vuetify'; import 'vuetify/dist/vuetify.min.css' Vue.use(Vuetify); |
index.htmlに以下の記述を追加する。
html