Visual Studio Code
Visual Studio Code supports the Model Context Protocol (MCP), allowing GitHub Copilot Agent Mode to securely connect to external tools such as the Geonode Scraper API.
Once configured, GitHub Copilot can automatically extract web pages, crawl websites, process multiple URLs, and retrieve structured content directly from your editor.
Before You Begin
Make sure you've completed the Before You Start guide and have:
- A Geonode API key.
- The Geonode MCP endpoint.
- Visual Studio Code installed.
- GitHub Copilot installed and signed in.
- Agent Mode enabled.
Step 1 — Open the MCP Configuration
Open Visual Studio Code.
Press:
Cmd + Shift + Por
Ctrl + Shift + Pon Windows/Linux.
Search for:
MCP: Open User ConfigurationIf the configuration file doesn't exist, Visual Studio Code creates it automatically.
Step 2 — Add the Geonode MCP Server
Add the following configuration to your mcp.json file.
{
"servers": {
"geonode-scraper": {
"type": "http",
"url": "https://scraper.geonode.io/mcp",
"headers": {
"X-Api-Key": "YOUR_API_KEY"
}
}
}
}Replace YOUR_API_KEY with your Geonode API key.
Step 3 — Save and Reload
Save the mcp.json file.
Visual Studio Code automatically detects the configuration.
If the server doesn't appear immediately, reload the window by opening the Command Palette and running:
Developer: Reload Windowor
MCP: Restart Serversdepending on your Visual Studio Code version.
Step 4 — Verify the Connection
Open the MCP Servers panel.
If the configuration is correct, you'll see:
- geonode-scraper
- Status: Connected
- Available Geonode MCP tools
If the server appears as Connected, the setup is complete.
Step 5 — Open GitHub Copilot Agent Mode
Open the GitHub Copilot Chat panel.
Switch to Agent mode.
When you send a request, GitHub Copilot automatically selects the appropriate Geonode MCP tool.
Step 6 — Start Using Geonode MCP
You don't need to manually invoke MCP tools.
Simply describe the task in natural language.
Extract a web page
Extract the content from https://geonode.comSummarize a page
Read https://geonode.com and summarize the homepage.Crawl a documentation website
Crawl https://docs.geonode.com and tell me what documentation sections exist.Process multiple pages
Extract these URLs and summarize each page.
https://example.com/page1
https://example.com/page2
https://example.com/page3Check extraction statistics
Show my Geonode extraction statistics.📷 Screenshot Placeholder: Geonode MCP in GitHub Copilot
How Visual Studio Code Uses MCP
When you submit a prompt in GitHub Copilot Agent Mode, Visual Studio Code analyzes your request and automatically selects the appropriate Geonode MCP tool.
For example:
| Your Prompt | MCP Tool |
|---|---|
| "Extract this page." | extract |
| "Crawl this documentation site." | crawl |
| "Process these URLs." | batch |
| "Show my extraction statistics." | statistics |
You never need to manually invoke these tools. GitHub Copilot automatically selects the correct MCP tool, sends the required parameters, and returns the results in the chat.