Token导航 LogoToken导航

MCP Server · 开发工具

React Vite MCP

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

未说明官方级别未说明来源级核验工具 3
开发工具代码生成TypeScriptClaude

快速开始

公开资料没有提供安装命令,按仓库或官方文档接入。
作者 / 组织
CamelJohn
提供方
CamelJohn

工具数量

3

来源目录标注

资源数量

0

来源目录标注

提示词数量

0

来源目录标注

GitHub Star

0

仓库热度

收录来源

1 个

MCP World

选型结论

React Vite MCP 属于开发工具类 MCP Server,公开资料标注 3 个工具,通过传输方式未标注接入,适配 Claude,没有现成的安装命令;接入前先确认权限范围。

分类

开发工具

传输方式

未说明

认证方式

无需认证

部署方式

公开资料未说明

安装与配置

公开目录没有给出安装命令,需要按仓库 README安装;下面按同类条目的通用流程说明。

公开命令不是通用的启动方式,拼不出可靠配置示例;请在客户端 MCP 配置里按官方文档填写 command 和 args。

上手步骤

  1. 1

    先确认运行方式

    公开资料没有标注传输方式,先看仓库 README,确认是本地进程还是远程地址。

  2. 2

    获取服务

    公开目录没有给出安装命令,按仓库 README里的步骤安装或获取服务。

  3. 3

    写入客户端配置

    在客户端的 MCP 配置里填启动命令和参数,保存后完全退出客户端再打开,让新配置生效。

  4. 4

    验证是否可用

    连接成功后客户端会列出 3 个工具,随便调一个只读工具确认能返回结果。

接入前确认

不要直接授予不必要的文件、网络或账号权限;先核对安装命令和配置内容。

公开资料仍需确认:安装命令

详细介绍

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

` - 将创建一个与项目名称同名的新文件夹,并在其中搭建一个 React/Vite 应用程序框架

  • `npx react-vite-mcp feature

` - 将为当前项目添加一个新功能

  • `npx react-vite-mcp context

` - 将为当前项目添加新的上下文

路线图

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

工具与能力

工具数量

3

资源数量

0

提示词数量

0

能力标签

前端开发TypeScript本地部署脚手架工具代码生成React生态Vite集成

支持客户端

Claude

数量来自来源目录的标注,具体工具清单以官方文档为准。

典型使用场景

让助手直接读代码

把仓库、提交记录和 issue 交给模型检索,补全和重构时不用来回复制文件。

在对话里跑命令

触发构建、测试和脚本,执行结果直接回到上下文,省去切终端。

接进开发流程

把 PR、CI 状态和代码审查接进助手,减少在几个工具之间跳。

选择建议

值得选的地方

  • 只提供 3 个工具,职责集中,接入后不容易误操作。
  • 公开说明写得比较完整,接入前能看清能力边界。

先想清楚的地方

  • 公开资料没有可直接复制的安装命令,第一次接入要自己找入口。
  • 公开摘要偏短,具体能力和限制要回到仓库确认。
  • 第三方目录整理,版本更新和行为细节以官方仓库为准。

更适合

  • 需要在开发工具场景里让模型直接调用外部能力的人。
  • 已经在用 Claude 的用户,接入路径最短。
  • 愿意照着官方文档一步步配环境的人。

不太适合

  • 希望一条命令就装好、不想看文档的人。
  • 需要厂商级 SLA 和技术支持的生产环境。

同类对比

5 个同类
MCP Server工具数传输方式安装命令收录来源最后核验
React Vite MCP

MCP World · 本页

3未说明未标注1 个2026-05-17
Git 838e2ec1

MCP World

12stdio有2 个2026-05-17
Markitdown MCP 2c653a5f

MCP World

1stdio有1 个2026-05-17
Context7 MCP C671e75a

MCP World

0stdio有1 个2026-05-17
Context7 831acf40

MCP World

0stdio有1 个2026-05-17

按同分类和工具数量挑出最接近的几条,字段以各自详情页为准。

常见问题

5 条

React Vite MCP 怎么安装?

公开目录没有给出可以直接复制的安装命令,需要按仓库 README里的步骤安装;装好后写进客户端的 MCP 配置再重启。

React Vite MCP 怎么在 Claude Desktop、Cursor 里配置?

它是传输方式未标注,客户端配置里要写启动命令和参数,运行环境是 未标注;保存后完全退出客户端再打开,配置才会生效。

React Vite MCP 收费吗?

本站只整理公开资料,不代收费用,也没有标注具体价格。是否收费取决于服务本身和背后的接口额度,正式使用前按官方说明确认。

React Vite MCP 需要 API Key 吗?

公开资料标注为无需认证,装好就能连;如果实际调用时报鉴权错误,按官方文档补上凭据。

React Vite MCP 支持哪些客户端?

公开资料标注支持 Claude;其他客户端只要能配置 MCP Server,也能用同样的命令或地址接入。

来源信息

继续浏览同类 MCP