Nuxt 3 已于 31 July 2026 结束生命周期
此版本将不再接收错误修复或安全补丁。 升级到 Nuxt 4 或获取 HeroDevs 提供的延长支持

模块作者指南

学习如何创建一个 Nuxt 模块,以集成、增强或扩展任何 Nuxt 应用程序。

Geprüfte Übersetzung ·0 % geprüft

Nuxt 的配置和钩子系统使你能够自定义 Nuxt 的各个方面,并添加所需的任何集成(Vue 插件、CMS、服务器路由、组件、日志记录等)。

Nuxt 模块 是在使用 nuxt dev 以开发模式启动 Nuxt 或使用 nuxt build 为生产环境构建项目时顺序执行的函数。
通过模块,你可以封装、合理测试并作为 npm 包共享自定义解决方案,而无需向项目添加冗余模板代码,也无需更改 Nuxt 本身。

创建你的第一个模块

学习如何使用官方启动模板创建你的第一个 Nuxt 模块。

了解模块结构

学习 Nuxt 模块的结构以及如何定义模块。

添加插件、组件等

学习如何从你的模块注入插件、组件、组合式函数和服务器路由。

依赖其他模块

声明对其他模块的依赖,并设置版本约束和配置合并。

使用钩子并扩展类型

掌握模块中的生命周期钩子、虚拟文件和 TypeScript 声明。

测试你的模块

学习如何使用单元测试、集成测试和 E2E 测试来测试 Nuxt 模块。

遵循最佳实践

遵循这些指南,构建高性能且易于维护的 Nuxt 模块。

发布并分享你的模块

加入 Nuxt 模块生态系统,并将你的模块发布到 npm。

Was this helpful?