nuxt add

向你的Nuxt应用中搭建一个实体。

终端

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

参数	描述
`TEMPLATE`	指定要生成的模板类型（选项：<api\|plugin\|component\|composable\|middleware\|layout\|page\|layer>）
`NAME`	指定生成文件的名称

选项	默认值	描述
`--cwd=<directory>`	`.`	指定工作目录
`--logLevel=<silent\|info\|verbose>`		指定构建时的日志级别
`--force`	`false`	如果文件已存在，强制覆盖

修饰符：

一些模板支持额外的修饰符标志，以便在其名称后添加后缀（如.client或.get）。

终端

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

`nuxt add component`

终端

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

终端

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

终端

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

终端

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

终端

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

终端

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

终端

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

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

终端

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

终端

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

Was this helpful?

更新应用配置

在运行时更新应用配置。

nuxt analyze

分析生产环境的打包文件或你的Nuxt应用。