【Vite+Vue3+TypeScript+Vuetify】プロジェクトの作成

以下のガイドを参考にプロジェクトを作成する。

ja.vitejs.dev

next.vuetifyjs.com

前提

  • Vuetify 3を正しくインストールするには、 vue- cli5.0が必要。
vue --version         
@vue/cli 5.0.4

プロジェクトの作成

Viteのプロジェクトを作成する。

npm create vite@latest

順に選択していく。

これで完了。

Vuetifyの追加

作成したプロジェクトへ移動する。

cd portfolio

vuetifyを追加する。

vue add vuetify

Vite Preview (Vuetify 3 + Vite)を選択する。

これで完了。

npm install
npm run dev

localhostへアクセスする。