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)。
# 生成 `/plugins/sockets.client.ts`
npx nuxt add plugin sockets --client
nuxt add component--mode client|server 或 --client 或 --server# 生成 `app/components/TheHeader.vue`
npx nuxt add component TheHeader
nuxt add composable# 生成 `app/composables/foo.ts`
npx nuxt add composable foo
nuxt add layout# 生成 `app/layouts/custom.vue`
npx nuxt add layout custom
nuxt add plugin--mode client|server 或 --client 或 --server# 生成 `app/plugins/analytics.ts`
npx nuxt add plugin analytics
nuxt add page# 生成 `app/pages/about.vue`
npx nuxt add page about
# 生成 `app/pages/category/[id].vue`
npx nuxt add page "category/[id]"
nuxt add middleware--global# 生成 `app/middleware/auth.ts`
npx nuxt add middleware auth
nuxt add api--method(可接受 connect、delete、get、head、options、patch、post、put 或 trace)或者你也可以直接使用 --get、--post 等。# 生成 `server/api/hello.ts`
npx nuxt add api hello
nuxt add layer# 生成 `layers/subscribe/nuxt.config.ts`
npx nuxt add layer subscribe