nuxi add

为你的 Nuxt 应用生成一个实体。
Terminal
npx nuxi add [--cwd] [--force] <TEMPLATE> <NAME>
选项默认值描述
TEMPLATE-指定要生成的文件的模板。
NAME-指定将创建的文件的名称。
--cwd.目标应用的目录。
--forcefalse如果文件已存在,强制覆盖。

修饰符:

一些模板支持额外的修饰符标志,以在其名称后添加一个后缀(如 .client.get)。

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

nuxi add component

  • 修饰符标志: --mode client|server--client--server
Terminal
# 生成 `components/TheHeader.vue`
npx nuxi add component TheHeader

nuxi add composable

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

nuxi add layout

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

nuxi add plugin

  • 修饰符标志: --mode client|server--client--server
Terminal
# 生成 `plugins/analytics.ts`
npx nuxi add plugin analytics

nuxi add page

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

nuxi add middleware

  • 修饰符标志: --global
Terminal
# 生成 `middleware/auth.ts`
npx nuxi add middleware auth

nuxi add api

  • 修饰符标志: --method(可以接受 connectdeletegetheadoptionspatchpostputtrace),或者你可以直接使用 --get--post 等。
Terminal
# 生成 `server/api/hello.ts`
npx nuxi add api hello