技術記事やフリーランス記事をメインに情報公開をしています。是非見ていってください。

  1. フロントエンド
  2. 1360 view

Vuetifyが便利すぎる【マテリアルデザイン3分入門】

Vuetifyとは

最強のマテリアルデザインを提供してくれる
コンポーネントが豊富
SSR,SPA,PWA,標準HTMLをサポート
fusethemeなども、ここから発生

対応ブラウザ

chrome,edge,Firefox,safari10+
IE11/Safari9はポリフィル対応
IEのそれ以下は切り捨て

作るもの

3分で手に入ります。コマンド5個叩くだけなのでやってみてください。

環境構築

globalでvueCliをインストール

npm install @vue/cli -g

アプリケーションの作成

vue create legend-app
cd legend-app

vuetifyパッケージの追加
色々聞かれますがyesマンで大丈夫です。

vue add vuetify

アプリケーションの起動

npm run serve

http://localhost:8080/ に移動。

時代はVuetifyという事を悟ってしまいました。

次はコンポーネントの利用や、便利機能を紹介する記事でも書こうかと思います!
という事で書いちゃいました!

Vuetifyチュートリアル。CSSを書かないマテリアルデザイン

The following two tabs change content below.

ぞえ

1994年生まれ、1年のアルバイト経験を経てフリーランスエンジニアに。週3で常駐しながら、ブログ事業、受託事業、新規開発を行っています。 フリーランスになるまで Twitterぞえ 雑記はぞえの雑記記事

フロントエンドの最近記事

  1. プログラミング学習環境を整える

  2. HTMLとは?使い方と主要要素を紹介#1【初心者向け】

  3. 【初心者向け】自力ホームページ制作でHTML/CSS/JavaScriptを学ぶ#2

  4. 【初心者向け】自力ホームページ制作でHTML/CSS/JavaScriptを学ぶ#1

  5. Angular7 + Firebaseでパズルゲームをデプロイ

関連記事

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。