角力MCP服务器

Name: 角力MCP服务器
Author: SAIPRANAY-GANGULA

作者：SAIPRANAY-GANGULA3 星标更新：2025-06-23

安装使用来源：spider==github.com

项目介绍

Angular MCP 服务器

这是一个提供全面访问 Angular 文档的 Model Context Protocol (MCP) 服务器，使AI助手能够搜索并检索与Angular相关的具有智能相关性评分的信息。

功能

该服务器提供了五个强大的工具用于 Angular 文档：

🔍 `search_angular_docs`

搜索 Angular 文档中的特定主题、概念或关键词，并带有智能相关性评分。

参数：
- query（必需）：搜索查询（例如："组件"，"依赖注入"，"路由"）
- category（可选）：按类别过滤（组件，模板，指令等）
- limit（可选）：结果的最大数量（默认值：5）

📖 `get_angular_topic`

获取关于特定 Angular 主题的详细信息。

参数：
- topic（必需）：特定主题名称（例如："组件生命周期"，"信号概述"）

📋 `list_angular_categories`

列出所有可用的 Angular 文档类别及其主题数量。

🌟 `get_angular_overview`

获取 Angular 框架及其特性的综合概述。

💡 `find_angular_examples`

查找 Angular 概念的代码示例和实际实现。

参数：
- concept（必需）：要查找示例的 Angular 概念（例如："组件"，"服务"，"指令"）

使用方法

在 Claude Desktop 中使用

在您的 Claude Desktop MCP 设置中添加以下配置：

macOS: ~/Library/Application Support/Claude/claude_desktop_config.json Windows: %APPDATA%/Claude/claude_desktop_config.json

{
  "mcpServers": {
    "angular-docs": {
      "command": "npx",
      "args": ["angular-mcp-server"]
    }
  }
}

在 VSCode (Cline) 中使用

在您的 Cline MCP 设置中添加以下内容： ~/Library/Application Support/Code/User/globalStorage/saoudrizwan.claude-dev/settings/cline_mcp_settings.json

{
  "mcpServers": {
    "angular-docs": {
      "command": "npx",
      "args": ["angular-mcp-server"],
      "disabled": false,
      "autoApprove": []
    }
  }
}

在 Amazon Q 命令行中使用

Amazon Q CLI 支持通过配置来使用 MCP 服务器。在您的 MCP 配置中添加以下内容：

{
  "mcpServers": {
    "angular-docs": {
      "command": "npx",
      "args": ["angular-mcp-server"]
    }
  }
}

配置完成后，您可以通过 Amazon Q 直接与 Angular 文档进行交互：

# 启动支持 MCP 的 Amazon Q 聊天
q chat

# 您可以询问的一些示例查询：
# "搜索 Angular 组件生命周期方法"
# "显示依赖注入示例"
# "如何实现响应式表单？"
# "列出所有 Angular 文档类别"

Amazon Q 将自动使用 Angular MCP 服务器来提供全面的 Angular 文档和代码示例。

示例查询

集成到您的AI助手后，您可以提出如下问题：

"搜索 Angular 组件生命周期方法"
"显示有关 Angular 信号的信息"
"查找 Angular 中依赖注入的示例"
"列出所有 Angular 文档类别"
"获取 Angular 框架的概述"
"如何在 Angular 中实现响应式表单？"
"Angular 测试的最佳实践是什么？"

文档覆盖范围

该服务器提供了对 15个类别中的84个Angular文档主题 的访问：

组件（7个主题） - 组件基础、生命周期、样式、输入/输出
模板（7个主题） - 模板语法、绑定、控制流、变量
指令（5个主题） - 内置和自定义指令、组合
信号（3个主题） - 使用 Angular 信号的响应式编程
依赖注入（7个主题） - DI模式、提供者、服务
表单（6个主题） - 响应式和模板驱动表单、验证
路由（7个主题） - 导航、路由守卫、懒加载
HTTP 客户端（5个主题） - API通信、拦截器、测试
测试（12个主题） - 单元测试、组件测试、端到端测试
服务器端渲染（6个主题） - SSR、水合、预渲染
动画（3个主题） - 组件和路由动画
RxJS 集成（2个主题） - 观察者与 Angular
API 和 CLI（2个主题） - 参考文档
高级主题（9个主题） - 性能、安全、最佳实践
入门指南（3个主题） - 安装、设置、风格指南

开发

从源码构建

git clone https://github.com/SAIPRANAY-GANGULA/angular-mcp-server.git
cd angular-mcp-server
npm install
npm run build

脚本

npm run build：编译 TypeScript 并复制文档文件
npm run start：运行编译后的服务器
npm run dev：构建并在开发模式下运行
npm run test：使用 MCP 检查器进行测试

项目结构

angular-mcp-server/
├── src/
│   ├── index.ts          # 主服务器实现
│   ├── llms.txt         # Angular 文档结构
│   └── llms-full.txt    # 详细的 Angular 内容
├── build/                # 编译后的 JavaScript（生成）
├── package.json
├── tsconfig.json
├── LICENSE
└── README.md

要求

Node.js：v18.0.0 或更高版本
npm：v8.0.0 或更高版本

贡献

欢迎贡献！请随意提交一个拉取请求。对于重大更改，请先打开一个问题来讨论您想要更改的内容。

分叉仓库
创建您的功能分支 (git checkout -b feature/AmazingFeature)
提交您的更改 (git commit -m 'Add some AmazingFeature')
推送到分支 (git push origin feature/AmazingFeature)
打开一个拉取请求

故障排除

常见问题

服务器无法启动：确保安装了 Node.js v18+
权限错误：尝试使用 sudo 进行全局安装
MCP 客户端无法连接：检查配置文件语法
没有搜索结果：检查文档文件是否正确加载

获取帮助

📖 文档
🐛 报告问题
💬 讨论

许可证

该项目采用 MIT 许可证 - 查看 LICENSE 文件以获取详细信息。

致谢

使用 Model Context Protocol SDK 构建
Angular 文档来源于 angular.dev
受不断发展的 MCP 生态系统启发

为 Angular 和 AI 社区制作 ❤️