Connecting VS Code to DevOps Plan MCP server using Command Palette

You can use the Command Palette to connect VS Code to the DevOps Plan MCP server.

Before you begin

You must meet the requirements mentioned in Prerequisites.

To connect to the MCP server, use the Command Palette to perform the following steps:

Procedure

  1. Open VS Code.
  2. Open the Command Palette (Ctrl+Shift+P or Cmd+Shift+P).
  3. Search and select MCP: Add Server.
  4. Choose HTTP as the server type when prompted for the transport type.
    The DevOps Plan MCP Server uses HTTP-based transport.
  5. Enter the MCP Server URL in the URL field.
    VS Code automatically generates the required mcp.json configuration.
  6. Enter a name for the server. For example, Plan MCP Server.
  7. Select Configuration target when VS Code prompts you to choose where to save this configuration.
      • Global – Used for all VS Code workspaces.

      • Workspace – Used only in the current folder or project.

        Note: Selecting Workspace automatically creates a .vscode folder and generates a mcp.json file inside it.
  8. Paste the MCP configuration JSON. For example:
    {
    "servers": {
       "PlanMCP": {
           "url": "https://hostname/mcp",
           "type": "http",
           "headers": {
             "Authorization":"Basic ${input:plan_pat}"
           }
       }
    },
    "inputs": [
       {
        "type": "promptString",
        "id": "plan_pat",
        "description": "Plan application Personal Access Token",
        "password": true
       }
     ]
    }

    Replace the hostname with your actual DevOps Plan server hostname.

  9. Save the file.
  10. Click the Extensions icon and navigate to MCP SERVERS - INSTALLED.
  11. Click the Settings icon next to the DevOps Plan MCP server.
  12. Select the Start server option.
  13. VS Code displays a notification stating that the MCP server requires Personal Access Token (PAT), see How to create and use PAT.
    After successful authentication, VS Code displays the list of MCP tools available. For more information, see MCP tools available in DevOps Plan.

Results

You have successfully connected VS Code to the DevOps Plan MCP server. The MCP server is displayed under MCP SERVERS - INSTALLED.