nuxt add

Nuxtアプリケーションにエンティティを足場（スキャフォールド）します。

ターミナル

npx nuxt add <TEMPLATE> <NAME> [--cwd=<directory>] [--logLevel=<silent|info|verbose>] [--force]

引数	説明
`TEMPLATE`	生成するテンプレートを指定します (オプション: <api\|app\|app-config\|component\|composable\|error\|layer\|layout\|middleware\|module\|page\|plugin\|server-middleware\|server-plugin\|server-route\|server-util>)
`NAME`	生成されるファイルの名前を指定します

オプション	デフォルト	説明
`--cwd=<directory>`	`.`	作業ディレクトリを指定します
`--logLevel=<silent\|info\|verbose>`		ビルド時のログレベルを指定します
`--force`	`false`	ファイルがすでに存在する場合、強制的に上書きします

修飾子

一部のテンプレートは、サフィックス（例：.client または .get）を追加するための追加の修飾子フラグをサポートしています。

ターミナル

# Generates `/plugins/sockets.client.ts`
npx nuxt add plugin sockets --client

`nuxt add component`

ターミナル

# Generates `app/components/TheHeader.vue`
npx nuxt add component TheHeader

ターミナル

# Generates `app/composables/foo.ts`
npx nuxt add composable foo

ターミナル

# Generates `app/layouts/custom.vue`
npx nuxt add layout custom

ターミナル

# Generates `app/plugins/analytics.ts`
npx nuxt add plugin analytics

ターミナル

# Generates `app/pages/about.vue`
npx nuxt add page about

ターミナル

# Generates `app/pages/category/[id].vue`
npx nuxt add page "category/[id]"

ターミナル

# Generates `app/middleware/auth.ts`
npx nuxt add middleware auth

修飾子フラグ: --method (利用可能: connect, delete, get, head, options, patch, post, put または trace) または、--get, --post などを直接使用することもできます。

ターミナル

# Generates `server/api/hello.ts`
npx nuxt add api hello

ターミナル

# Generates `layers/subscribe/nuxt.config.ts`
npx nuxt add layer subscribe

お役に立ちましたか？

updateAppConfig

実行時にアプリケーションの設定を更新します。

nuxt analyze

本番バンドルまたはNuxtアプリケーションを分析します。