マテリアルデザインは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
ECMAScript,Javaを扱います。
最近は、vue.jsなどフロントエンドの技術に興味あり!
中日ドラゴンズを応援してます。
コメント