nuxt add

源文件
在你的 Nuxt 应用中搭建实体。
终端
npx nuxt add <TEMPLATE> <NAME> [--cwd=<directory>] [--logLevel=<silent|info|verbose>] [--force]

参数

参数描述
模板指定要生成的模板（选项：）
名称指定生成文件的名称

选项

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

修饰符

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

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

nuxt add component

  • 修饰符标志：--mode client|server或--client或--server
终端
# Generates `app/components/TheHeader.vue`
npx nuxt add component TheHeader

nuxt add composable

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

nuxt add layout

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

nuxt add plugin

  • 修饰符标志：--mode client|server或--client或--server
终端
# Generates `app/plugins/analytics.ts`
npx nuxt add plugin analytics

nuxt add page

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

nuxt add middleware

  • 修饰符标志：--global
终端
# Generates `app/middleware/auth.ts`
npx nuxt add middleware auth

nuxt add api

  • 修饰符标志：--method（可接受connect、delete、get、head、options、patch、post、put或trace）或您也可以直接使用--get、--post等。
终端
# Generates `server/api/hello.ts`
npx nuxt add api hello

nuxt add layer

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