Angular CLI MCP-сервер 🅰️

Сервер Model Context Protocol, который предоставляет возможности Angular CLI и автоматизации рабочего пространства. Этот сервер позволяет LLM и агентам взаимодействовать с проектами Angular, генерировать компоненты/сервисы, добавлять пакеты, создавать новые рабочие пространства и запускать пользовательские архитектурные цели через Angular CLI.

Функции

• Запустите ng generate для создания каркаса артефактов Angular (компонентов, служб и т. д.)

• Запустите ng add , чтобы добавить пакеты в рабочее пространство Angular.

• Запуск ng new для создания новых рабочих пространств Angular

• Запустите ng run для выполнения пользовательских архитектурных целей

• Запустите ng update для обновления пакетов и зависимостей Angular.

• Все через протокол контекста модели (MCP) для интеграции агента/LLM

Related MCP server: vscode-mcp-server

Установка

Вы можете установить пакет глобально с помощью 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"
  }

Поставьте звездочку этому репозиторию, если он окажется для вас полезным!

Публикация в npm

Чтобы опубликовать новую версию этого пакета в npm, выполните:

npm run publish-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"]
  }
}