返回介绍

nuxi add

发布于 2024-04-18 00:42:18 字数 2256 浏览 0 评论 0 收藏 0

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

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

示例:

bash
npx nuxi add plugin sockets --client

# 将生成
# /plugins/sockets.client.ts

nuxi add component

  • 修饰符标志 : --mode client|server or --client or --server

例如:

bash
npx nuxi add component TheHeader
#将生成 `components/TheHeader.vue`

nuxi add composable

例如:

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

nuxi add layout

例如:

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

nuxi add plugin

  • 修饰符标志: --mode client|server or --clientor --server

例如:

bash
npx nuxi add plugin analytics
#将生成 `plugins/analytics.ts`

nuxi add page

例如:

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

nuxi add middleware

  • 修饰符标志: --global

例如:

bash
npx nuxi add middleware auth
#将生成 `middleware/auth.ts`

nuxi add api

  • 修饰符标志: --method(可以接受 connectdeletegetheadoptionspatchpostputtrace)或者您可以直接使用 --get--post 等。

例如:

bash
npx nuxi add api hello
#将生成 `server/api/hello.ts`

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文