nuxi add
将实体脚手架化到您的 Nuxt 应用程序中。
终端
npx nuxi add <TEMPLATE> <NAME> [--cwd=<directory>] [--logLevel=<silent|info|verbose>] [--force]
参数
| 参数 | 描述 |
|---|---|
模板 | 指定要生成的模板 (选项：<api|plugin|component|composable|middleware|layout|page|layer>) |
名称 | 指定生成文件的名称 |
选项
| 选项 | 默认 | 描述 |
|---|---|---|
--cwd=<目录> | . | 指定工作目录 |
--logLevel=<silent|info|verbose> | 指定构建时日志级别 | |
--force | false | 如果文件已存在，强制覆盖 |
修饰符
某些模板支持额外的修饰符标志，以在其名称中添加后缀（如 .client 或 .get）。
终端
# Generates `/plugins/sockets.client.ts`
npx nuxi add plugin sockets --client
nuxi add component
- 修饰符标志：
--mode client|server或--client或--server
终端
# Generates `components/TheHeader.vue`
npx nuxi add component TheHeader
nuxi add composable
终端
# Generates `composables/foo.ts`
npx nuxi add composable foo
nuxi add layout
终端
# Generates `layouts/custom.vue`
npx nuxi add layout custom
nuxi add plugin
- 修饰符标志：
--mode client|server或--client或--server
终端
# Generates `plugins/analytics.ts`
npx nuxi add plugin analytics
nuxi add page
终端
# Generates `pages/about.vue`
npx nuxi add page about
终端
# Generates `pages/category/[id].vue`
npx nuxi add page "category/[id]"
nuxi add middleware
- 修饰符标志：
--global
终端
# Generates `middleware/auth.ts`
npx nuxi add middleware auth
nuxi add api
- 修饰符标志：
--method(可以接受connect,delete,get,head,options,patch,post,put或trace) 或者您可以直接使用--get,--post等。
终端
# Generates `server/api/hello.ts`
npx nuxi add api hello
nuxi add layer
终端
# Generates `layers/subscribe/nuxt.config.ts`
npx nuxi add layer subscribe