React+Vite脚手架工具

一个用于快速生成React+Vite应用基础架构的CLI工具,支持上下文和功能模块的自动化生成。

  • by CamelJohn
  • TypeScript
  • 本地部署
  • 更新于
在 GitHub 查看 CamelJohn/react-vite-mcp

使用说明

react-vite-mcp 可以翻译为“基于Vite的React MCP项目”或“Vite驱动的React MCP框架”,具体翻译可能根据上下文和项目具体用途有所调整。其中,“MCP”可能代表某个特定的项目、框架或概念名称,需要根据实际情况来确定其准确含义

一个用于生成带有上下文和功能的React + Vite应用程序的命令行界面(CLI)。

安装

npm install @hebejebe/react-vite-mcp

这里的大致思路是

我构建了这个MCP/CLI,是为了将Claude CLI的用途从代码生成器转变为一个协调器(同时,还能节省我订阅计划中的大量代币)。

希望这也能对你有所帮助。

当涉及到规划/构建/设计前端应用程序时,这个MCP(可能是指某位专家或开发者)和我持有一致的观点。

愿景

在团队合作时,你们总是可以讨论如何设计项目架构,以及最佳实践是什么。在这里,这些都已经内置于系统中,你所要做的只是在需要的地方填充逻辑。

此外,如果你正在使用Claude CLI(希望其他任何LLM CLI也是如此),你可以专注于与Claude一起制定计划,然后将这个多任务处理请求(MCP)交给Claude来完成工作。

当前功能

  • Init - 可在终端中使用,帮助您快速启动并运行一个React/Vite应用
  • 功能 - 将添加我目前认为是一个端到端功能的模板,同时将其与路由器连接起来
  • 上下文 - 将添加上下文样板代码,并用上下文提供者包装根路由提供者

命令与用法

  • npx react-vite-mcp init <project-name> - 将创建一个与项目名称同名的新文件夹,并在其中搭建一个 React/Vite 应用程序框架
  • npx react-vite-mcp feature <project-name> <FeatureName> - 将为当前项目添加一个新功能
  • npx react-vite-mcp context <project-name> <ContextName> - 将为当前项目添加新的上下文

路线图

看 roadmap.md 翻译为中文是:“路线图.md” 或 “路线规划文件.md”(其中“.md”通常表示Markdown格式的文件)