nuxi コマンドジェネレーター
Nuxt 3プロジェクトの構築、開発、ビルド、管理のためのnuxiコマンドを生成する
nuxiの使い方
## nuxiとは?
`nuxi`はNuxt 3+のコマンドラインインターフェースです。新しいプロジェクトのスケルトンを作成したり、デバッグサーバーを起動したり、本番用にビルドしたり、静的サイトを生成したり、Nuxtのアップグレードやバンドルサイズの分析といったメンテナンス作業を行ったりします。
## 使用方法
1. **実行するアクションを選択**: `init`、`dev`、`build`、`generate`、`preview`、`upgrade`、`info`、`cleanup`、`analyze`、または`typecheck`。 2. **ターゲットを設定**: `init`の場合、プロジェクトディレクトリ名を入力します。 3. **オプションを設定**: `dev`および`--package-manager`の場合はポート(`-p`)を指定し、npm/pnpm/yarn/bunを固定します。 4. **コピーして実行**: ほとんどのコマンドは既存のNuxtプロジェクト内で実行されますが、`init`は新しいプロジェクトを作成します。
よく使うアクションとオプション
### `init` 新しいプロジェクトを作成する 新しいディレクトリ内に新規のNuxtアプリを作成します:`nuxi init my-app`。
### `dev` 開発サーバー デフォルトのポート3000でホットリロード対応の開発サーバーを起動します。`-p`を使用してこれを変更する場合は`nuxi dev -p 4000`を参照してください。
### `build` / `generate` 実行環境向け出力 `build`はSSRホスティング用にNodeサーバーバンドル(`.output/server`)を生成します。一方、`generate`は静的ホスティング用に`.output/public`でサイト全体を静的HTMLに事前レンダリングします。
### `preview` 実行環境用ビルドを実行する デプロイする前に、`build`または`generate`によって生成された`.output`をローカルでサーブして動作を確認します。
### `upgrade` / `info` / `cleanup` `upgrade`はNuxtのバージョンをアップグレードします。`info`はプロジェクトの環境情報とバージョンを表示します。`cleanup`はビルドキャッシュ(`.nuxt`、`node_modules/.cache`)を削除します。
### `analyze` / `typecheck` `analyze`はプロジェクトをビルドし、バンドル分析ツールを開きます。`typecheck`はプロジェクト全体の型チェックを行うために`vue-tsc`を実行します。
### `--package-manager=NAME` `init`やその他のインストール関連コマンドのために、パッケージマネージャー(npm、pn
▶buildとgenerate、どちらを使うべきでしょうか?
▶別のポートでデバッグサーバーを起動するにはどうすればよいですか?
▶npmの代わりにpnpmを使ってプロジェクトを作成するにはどうすればよいですか?
このツールがあなたに役立ったなら、私にコーヒーをご馳走することをお勧めします。
私にコーヒーを買ってください。