How do developers configure the MCP server in their projects?

Developers configure the MCP (Model Context Protocol) server in their projects by creating a configuration file (e.g., .vscode/mcp.json or .cursor/mcp.json) specifying the MCP server command and arguments. This setup allows integration of Angular CLI MCP features with IDEs or tools.

The MCP server is configured by specifying the server command (npx @angular/cli mcp) and any options in a JSON config file within the project or globally for the IDE. This enables AI-assisted tooling and project analysis.

Code

{
  "servers": {
    "angular-cli": {
      "command": "npx",
      "args": ["-y", "@angular/cli", "mcp"]
    }
  }
}