nuxi add
Nuxtアプリケーションにエンティティをスキャフォールディングします。
ターミナル
npx nuxi add [--cwd] [--force] <TEMPLATE> <NAME>
| オプション | デフォルト | 説明 |
|---|---|---|
TEMPLATE | - | 生成されるファイルのテンプレートを指定します。 |
NAME | - | 作成されるファイルの名前を指定します。 |
--cwd | . | ターゲットアプリケーションのディレクトリ。 |
--force | false | 既に存在するファイルを強制的に上書きします。 |
修飾子
一部のテンプレートでは、追加の修飾子フラグを使用して、サフィックス（.clientまたは.getなど）を名前に追加できます。
ターミナル
# Generates `/plugins/sockets.client.ts`
npx nuxi add plugin sockets --client
nuxi add component
- 修飾子フラグ：
--mode client|serverまたは--clientまたは--server
ターミナル
# Generates `components/TheHeader.vue`
npx nuxi add component TheHeader
nuxi add composable
ターミナル
# Generates `composables/foo.ts`
npx nuxi add composable foo
nuxi add layout
ターミナル
# Generates `layouts/custom.vue`
npx nuxi add layout custom
nuxi add plugin
- 修飾子フラグ：
--mode client|serverまたは--clientまたは--server
ターミナル
# Generates `plugins/analytics.ts`
npx nuxi add plugin analytics
nuxi add page
ターミナル
# Generates `pages/about.vue`
npx nuxi add page about
ターミナル
# Generates `pages/category/[id].vue`
npx nuxi add page "category/[id]"
nuxi add middleware
- 修飾子フラグ：
--global
ターミナル
# Generates `middleware/auth.ts`
npx nuxi add middleware auth
nuxi add api
- 修飾子フラグ：
--method（connect、delete、get、head、options、patch、post、put、traceを受け付けます）または、--get、--postなどを直接使用できます。
ターミナル
# Generates `server/api/hello.ts`
npx nuxi add api hello