nuxt-mcp / vite-plugin-mcp 是什么？
🛠️ 这是一组实验性工具，用于让 AI 更准确地理解你的前端项目结构。它不是代码生成器，也不是构建优化工具，而是帮你把项目中的路由、文件组织、配置逻辑等信息自动整理成 AI 能处理的格式。你不需要写文档解释“这个页面在哪”或“那个接口怎么调”，它会自动提取这些上下文。
为什么需要它？
以往在使用 AI 辅助开发时，你经常得手动告诉模型：“我现在用的是 Nuxt 3，路由在 pages/ 目录下，API 请求都放在 composables/ 里”。每次切换上下文都要重复说明，不仅费时，还容易遗漏细节。
nuxt-mcp 和 vite-plugin-mcp 解决的就是这个重复劳动问题。安装后，它们会自动扫描项目结构，把关键路径、模块依赖和构建配置转化成结构化数据。AI 工具可以直接读取这些信息，而不是靠你口头描述。这意味着补全代码、生成页面或重构组件时，建议更贴合实际项目规范。
核心能力速览
✅ 自动项目感知：接入后无需配置，自动识别 Nuxt 项目的目录结构和路由规则。比如新增一个 pages/about.vue，AI 能立刻知道这是一个新路由入口。
✅ 低侵入式集成：作为 Nuxt 模块和 Vite 插件存在，不改变原有构建流程。你照常开发，它在后台收集上下文，不会干扰本地运行或打包。
✅ 跨场景上下文支持：vite-plugin-mcp 不局限于 Nuxt，也能用于其他基于 Vite 的框架。动态导入、别名配置（如 @/components）这类容易被 AI 忽略的细节，它都能捕捉并标准化输出。
✅ 开箱即用的语义层：生成的数据不是原始代码复制，而是经过归一化的项目语义描述。例如将 definePageMeta({ middleware: 'auth' }) 标记为“该页面受权限控制”，帮助 AI 做出更合理的建议。
适合谁？怎么用？
⚡ 如果你是使用 Nuxt 或 Vite 构建项目的开发者，并且正在尝试用 AI 辅助写代码、重构或排查问题，这套工具能减少大量上下文解释成本。尤其适合原型迭代快、协作频繁的团队——新人接入时，AI 可以更快提供准确建议。
使用方式很简单：通过包管理器安装模块，注册到 Nuxt 配置中即可启用。目前功能仍处于实验阶段，官方建议优先用于测试环境或研究项目。你可以先在一个小分支上开启，观察 AI 在生成页面或跳转逻辑时是否变得更精准。
如果你的目标是让 AI 真正“看懂”你的项目结构，而不是停留在单文件层面猜测意图，那这组工具值得你花半小时试试。
