How to configure MCP servers for PrimeNG and Angular in VSCode

Since version 21 of PrimeNG & Angular, you can use the builtin MCP server to aid AI tools in VSCode to better understand your project structure and dependencies.

In order to do this, create .vscode/mcp.json in the root of your Angular project with the following content:

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

    }
}