Angular CLI MCP 服务器
提供 Angular CLI 和工作区自动化功能的模型上下文协议 (MLM) 服务器。该服务器使 LLM 和代理能够通过 Angular CLI 与 Angular 项目交互、生成组件/服务、添加软件包、创建新工作区以及运行自定义架构目标。
特征
- 运行
ng generate
来搭建 Angular 工件(组件、服务等) - 运行
ng add
将包添加到 Angular 工作区 - 运行
ng new
来创建新的 Angular 工作区 - 运行
ng run
来执行自定义架构师目标 - 运行
ng update
来更新 Angular 包和依赖项 - 全部通过模型上下文协议 (MCP) 实现代理/LLM 集成
安装
您可以使用 npm 全局安装该包:
npm install -g @talzach/mcp-angular-cli
或者在您的项目中本地使用它:
npm install --save-dev @talzach/mcp-angular-cli
用法
您可以直接运行服务器:
npx @talzach/mcp-angular-cli
或者,如果您想将其用作代理或工具中的自定义 MCP 服务器,请按如下方式配置它:
MCP 配置示例
{
"mcpServers": {
"angular-cli": {
"command": "npx",
"args": ["-y", "@talzach/mcp-angular-cli"]
}
}
}
工具使用示例
- 生成组件:
{
"schematic": "component",
"name": "my-component",
"appRoot": "/absolute/path/to/your/angular/project"
}
- 添加包:
{
"package": "@angular/material",
"appRoot": "/absolute/path/to/your/angular/project"
}
- 创建新工作区:
{
"name": "my-workspace",
"directory": "/absolute/path/to/where/you/want/it"
}
- 运行自定义架构师目标:
{
"target": "app:build:production",
"appRoot": "/absolute/path/to/your/angular/project"
}
如果您发现它有用,请为该 repo 加星标!
发布到 npm
要将此包的新版本发布到 npm,请运行:
这将自动构建项目并将其发布为公共包。
发展
如果您想在本地测试或开发此服务器,则需要将 MCP 服务器配置指向本地构建输出。构建项目后(例如,使用npm run build
),请将 MCP 服务器文件(例如.mcp.json
或类似文件)设置为使用本地dist/index.js
文件:
{
"angular-cli": {
"command": "node",
"args": ["/path/to/your/mcp-angular-cli/dist/index.js"]
}
}