Nuxt3のプロジェクト作成
■公式サイト(↓)の手順紙したがって作成する。
npm create nuxt <project-name>
上記のコマンドを入力すると、以降色々聞かれますが、私は下記のように回答しました。
| Nuxt3からのプロジェクト作成にあたっての質問 | プロジェクト作成にあたっての回答 |
|---|---|
| どのパッケージ管理ツールを使用するか？ | npm |
| Gitを初期化する？(Initialize git repository) | Yes |
| ツールは何を入れるか？(Would you like to install any of the official modules?) | @nuxt/eslint – Project-aware, easy-to-use, extensible and future-proof ESLint integration |
これでNuxt3プロジェクトは作成できました。
TypeScriptの導入
つぎにtypeScriptを導入していきます。
導入方法は下記の公式サイトを参考にします。
Vue-tscとTypeScriptをインストールする
npm install --save-dev vue-tsc typescript
nuxt typecheckを実行
npx nuxi typecheck
これで、TypeScriptのインストールできました。
vuetify-nuxt-moduleの導入
Nuxt3にVuetifyを入れるためにはvuetify-nuxt-moduleが必要です。
さっそく導入していきましょう。
npx nuxi@latest module add vuetify-nuxt-module
参考サイト
vuetify-nuxt-moduleの公式サイト
Nuxt3 で Vuetify3 を使う
Vuetifyのコンポーネント