月間29,000PV達成! 収益は毎日発生中! ギランバレー症候群に関する情報を集めています

【Vue.js】Vuetifyのサンプルアプリを作成した件

             
  • 2020.01.25
  • Vue.js
【Vue.js】Vuetifyのサンプルアプリを作成した件
Advertisement

 

Vue.jsでマテリアルデザインを使うとなると「Vuetify」一択かね?

ってことで、Vue.jsにVuetifyを導入してみました。

 

僕のプロフィールはこちら

 

 

前提

・Vue CLIのアプリが存在すること

 

 

Vuetify導入

Vueアプリのルートで上記コマンドを実行します。

 

 

↓実際はこんな感じになる。

Vuetify

導入は終わり。

だが、基本的にエラーが出るので解消していきます。

 

 

エラー解消方法

構文エラー解消

src/main.ts」にカンマがないので追加します。

 

「src/plugins/vuetify.ts」でわけわからんエラー出てる

@type/vuetify」ってのを入れろって言ってそうなので入れてみます。

 

 

404なので見つからないと言われている。

どうやらこの方法ではないらしい。

 

 

ググってみると「tsconfig.jsonのcompilerOptions.typesに”vuetify”を追加する」といいらしいです。

ので追加してみた。

これで終わり。

 

 

Advertisement

 

Vuetify導入後の画面はこれや!

Vuetify画面

いい感じ。

 

 

おすすめ本

僕がVue.jsの勉強をする際に購入した本になります。

この本があれば、Vue.jsの基礎は理解できるのでおすすめですよ!

 

 

 

まとめ

VueとかVuetifyってなんでデフォルトでエラー出るの?

意味わからん。

ではまた。

Travelerを知らないの?