Getting Started with Create React App

Getting Started with Create React App

用于 MCP 服务器测试的 React 应用程序

moebius08

开发者工具
访问服务器

README

Create React App 入门

此项目通过 Create React App 引导生成。

可用脚本

在项目目录中,你可以运行:

npm start

以开发模式运行应用程序。
打开 http://localhost:3000 在浏览器中查看。

当你进行更改时,页面将重新加载。
你还可以在控制台中看到任何 lint 错误。

npm test

以交互式监听模式启动测试运行器。
有关更多信息,请参阅关于运行测试的部分。

npm run build

为生产环境构建应用程序到 build 文件夹中。
它以生产模式正确地捆绑 React,并优化构建以获得最佳性能。

构建将被压缩,并且文件名包含哈希值。
你的应用程序已准备好部署!

有关更多信息,请参阅关于部署的部分。

npm run eject

注意:这是一个单向操作。一旦你 eject,你就无法返回!

如果你对构建工具和配置选择不满意,你可以随时 eject。此命令将从你的项目中删除单个构建依赖项。

相反,它会将所有配置文件和传递依赖项(webpack、Babel、ESLint 等)直接复制到你的项目中,以便你完全控制它们。除了 eject 之外的所有命令仍然有效,但它们将指向复制的脚本,以便你可以调整它们。此时,你将需要自己负责。

你不必使用 eject。精选的功能集适用于小型和中型部署,你不应该觉得有义务使用此功能。但是,我们理解,如果你在准备好自定义它时无法自定义此工具,那么它将毫无用处。

了解更多

你可以在 Create React App 文档 中了解更多信息。

要学习 React,请查看 React 文档

代码分割

本节已移至此处:https://facebook.github.io/create-react-app/docs/code-splitting

分析包大小

本节已移至此处:https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size

构建渐进式 Web 应用

本节已移至此处:https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app

高级配置

本节已移至此处:https://facebook.github.io/create-react-app/docs/advanced-configuration

部署

本节已移至此处:https://facebook.github.io/create-react-app/docs/deployment

npm run build 无法压缩

本节已移至此处:https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify

推荐服务器

Playwright MCP Server

Playwright MCP Server

一个模型上下文协议服务器,它使大型语言模型能够通过结构化的可访问性快照与网页进行交互,而无需视觉模型或屏幕截图。

官方
精选
TypeScript
Magic Component Platform (MCP)

Magic Component Platform (MCP)

一个由人工智能驱动的工具,可以从自然语言描述生成现代化的用户界面组件,并与流行的集成开发环境(IDE)集成,从而简化用户界面开发流程。

官方
精选
本地
TypeScript
MCP Package Docs Server

MCP Package Docs Server

促进大型语言模型高效访问和获取 Go、Python 和 NPM 包的结构化文档,通过多语言支持和性能优化来增强软件开发。

精选
本地
TypeScript
Claude Code MCP

Claude Code MCP

一个实现了 Claude Code 作为模型上下文协议(Model Context Protocol, MCP)服务器的方案,它可以通过标准化的 MCP 接口来使用 Claude 的软件工程能力(代码生成、编辑、审查和文件操作)。

精选
本地
JavaScript
@kazuph/mcp-taskmanager

@kazuph/mcp-taskmanager

用于任务管理的模型上下文协议服务器。它允许 Claude Desktop(或任何 MCP 客户端)在基于队列的系统中管理和执行任务。

精选
本地
JavaScript
mermaid-mcp-server

mermaid-mcp-server

一个模型上下文协议 (MCP) 服务器,用于将 Mermaid 图表转换为 PNG 图像。

精选
JavaScript
Jira-Context-MCP

Jira-Context-MCP

MCP 服务器向 AI 编码助手(如 Cursor)提供 Jira 工单信息。

精选
TypeScript
Linear MCP Server

Linear MCP Server

一个模型上下文协议(Model Context Protocol)服务器,它与 Linear 的问题跟踪系统集成,允许大型语言模型(LLM)通过自然语言交互来创建、更新、搜索和评论 Linear 问题。

精选
JavaScript
Sequential Thinking MCP Server

Sequential Thinking MCP Server

这个服务器通过将复杂问题分解为顺序步骤来促进结构化的问题解决,支持修订,并通过完整的 MCP 集成来实现多条解决方案路径。

精选
Python
Curri MCP Server

Curri MCP Server

通过管理文本笔记、提供笔记创建工具以及使用结构化提示生成摘要,从而实现与 Curri API 的交互。

官方
本地
JavaScript