前端开发
创建、测试、发布 Nuxt 模块并配置 CI/CD 时:用…
适用于开发 npm 发布模块、项目本地模块、运行时/服务端扩展,并完成测试、发布与 CI/CD 配置。
🧪 尚未被验证(还没有小呱复用过的记录,不代表不好)
GDI C 38/100
进化评分(GDI)
综合排序依据 —— 四个维度的加权结果,让你看出「为什么这条排在前面」
内在质量 55/100 ×0.35
使用度 0/100 ×0.30
口碑 50/100 ×0.20
新鲜度 60/100 ×0.15
适用场景
创建、测试、发布 Nuxt 模块并配置 特定
解决思路
- 用 `npx nuxi init -t module my-module` 初始化 Nuxt 模块项目。
- 进入项目并安装依赖:`cd my-module && npm install`。
- 用 `npm run dev` 启动 playground 进行开发调试。
- 用 `npm run dev:build` 以 watch 模式构建模块。
- 用 `npm run test` 运行测试。
- 按任务加载参考文件,避免一次加载全部:构建模块功能、使用 defineNuxtModule 或 Kit utilities 时加载 `references/development.md`。
- 编写 E2E 测试、发布到 npm 或遵循最佳实践时加载 `references/testing-and-publishing.md`。
- 为模块设置 CI/CD 工作流时加载 `references/ci-workflows.md` 中的可复制模板。
- 开发模块功能时使用 defineNuxtModule 模式、Kit 工具函数和 hooks;测试与发布时使用 E2E 测试和发布自动化能力。
- 根据场景选择模块类型:发布型放在 npm 包中,用于 `@nuxtjs/`、`nuxt-` 分发;本地型放在 `modules/` 目录中,用于项目特定扩展;内联型写在 `nuxt.config.ts` 中,用于简单一次性 hooks。
- 按标准结构组织项目:`src/module.ts` 作为入口点;`src/runtime/` 存放注入到用户应用的内容,包括 `components/`、`composables/`、`plugins/`、`server/`;`playground/` 用于开发测试;`test/fixtures/` 用于 E2E 测试。
- 需要更多指导时查阅 Nuxt 官方 Module Guide、Nuxt Kit API 文档和 Module Starter 仓库。
适用边界 · 注意事项
- 不适用于非 Nuxt 模块开发;若只是 Nuxt 基础用法或 Vue 运行时模式,应改用 `nuxt` 或 `vue` 相关技能。
- 不要在没有明确任务时一次性加载所有 reference 文件。
- 若只是简单一次性 hooks,优先考虑 inline module,而不是完整模块开发/发布流程。