StackMCP

Set up Grafana MCP in VS Code

Search dashboards, query datasources, manage alerts, view incidents, and interact with Grafana observability tools from your AI editor.

1

Locate the config file

VS Code reads MCP server configuration from the following file:

.vscode/settings.json → mcp section

Create this file if it does not already exist. For VS Code, this is inside your workspace .vscode/settings.json file under the mcp section.

2

Add the configuration

Add the following to your VS Code config file:

json
{
  "servers": {
    "grafana-mcp": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@leval/mcp-grafana"
      ],
      "env": {
        "GRAFANA_URL": "YOUR_GRAFANA_URL",
        "GRAFANA_API_KEY": "YOUR_GRAFANA_API_KEY"
      }
    }
  }
}
3

Set up environment variables

Grafana MCP requires the following environment variables:

GRAFANA_URLRequired

Grafana instance URL

GRAFANA_API_KEYRequired

Grafana API key or service account token

4

Verify it works

Restart VS Code. Grafana MCP should appear in your MCP server list with 43 tools available.

This server adds approximately 22,145 tokens to your context window for tool definitions.

Set up Grafana MCP in other editors

Claude CodeCursorWindsurfClaude DesktopContinue
← Back to Grafana MCP