nuxt add

在你的 Nuxt 应用中生成一个实体。

Terminal

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

Argument	Description
`TEMPLATE`	指定要生成的模板（选项：<api\|app\|app-config\|component\|composable\|error\|layer\|layout\|middleware\|module\|page\|plugin\|server-middleware\|server-plugin\|server-route\|server-util>）
`NAME`	指定生成文件的名称

Option	Default	Description
`--cwd=<directory>`	`.`	指定工作目录
`--logLevel=<silent\|info\|verbose>`		指定构建时的日志级别
`--force`	`false`	如果文件已存在则强制覆盖

修饰符：

某些模板支持额外的修饰符标志，用于在名称中添加后缀（例如 .client 或 .get）。

Terminal

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

`nuxt add component`

Terminal

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

Terminal

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

Terminal

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

Terminal

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

Terminal

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

Terminal

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

Terminal

# 生成 `app/middleware/auth.ts`
npx nuxt add middleware auth

修饰符标志：--method（可接受 connect、delete、get、head、options、patch、post、put 或 trace）或者你也可以直接使用 --get、--post 等。

Terminal

# 生成 `server/api/hello.ts`
npx nuxt add api hello

Terminal

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

Was this helpful?

updateAppConfig

在运行时更新应用配置。

nuxt analyze

分析生产包或你的 Nuxt 应用程序。