Nuxt3でプロジェクト作成

あらまし

とりあえず一つぐらいフロントエンドで使えるフレームワークが欲しかったので職場でも使っているVue及びNuxtを勉強することにした。
職場では安定性を重視してVue 2を使っているが、せっかくなのでVue3及びNuxt3を使って何か作ってみることにした。
何を作るかは未定

実行環境

• wsl: Ubuntu 20.04.4 LTS
• npm: 8.11.0

Nuxt3でプロジェクト作成

公式サイトのクイックスタートとほぼ同じことをするだけである。

1. nuxiコマンドでプロジェクト作成
   npx nuxi init <project name>

2. 作成されたディレクトリに移動
   cd <project name>

3. 依存ライブラリのインストール
   npm install

これでNuxtのプロジェクトが作成された。

実行結果

実行した後のディレクトリ構造は以下のようになる。

.
├── .gitignore
├── README.md
├── app.vue
├── node_modules
├── nuxt.config.ts
├── package-lock.json
├── package.json
└── tsconfig.json

感想

nuxt2の時と比べてプロジェクトの作成が楽になっている。
2の時はいろいろと選択肢を選んで作成していたが、3になって特に何も指定しなくても作成することが出来るようになった。