Verwendung mit VS Code
Windsurf bietet erstklassige MCP-Unterstützung. VS Code selbst nicht, aber Continue, Cline und Copilot Chat schon - dieselbe Crawlbase-Konfiguration, vier Stellen, an denen Sie sie einsetzen können.
Windsurf (offiziell unterstützt)
Windsurf ist ein offiziell unterstützter Client für Crawlbase MCP. Konfiguration:
- Öffnen Sie Windsurf → File → Preferences → Windsurf Settings → General → MCP Servers → Manage MCPs → View raw config.
- Fügen Sie den Crawlbase-Eintrag zu
mcp_config.jsonhinzu:
{
"mcpServers": {
"crawlbase": {
"type": "stdio",
"command": "npx",
"args": ["@crawlbase/mcp@latest"],
"env": {
"CRAWLBASE_TOKEN": "YOUR_TOKEN",
"CRAWLBASE_JS_TOKEN": "YOUR_JS_TOKEN"
}
}
}
}Speichern Sie und starten Sie Windsurf neu. Die Crawlbase-Tools erscheinen im MCP-Panel.
VS Code (über Assistenten-Erweiterungen)
VS Code selbst bringt keine MCP-Unterstützung mit, aber die beliebten AI-Assistenten dafür schon. Wählen Sie den, den Sie bereits verwenden.
Continue
Continue ist ein beliebter Open-Source-AI-Assistent für VS Code. Er unterstützt MCP-Server in seiner YAML-Konfiguration:
mcpServers:
- name: crawlbase
type: stdio
command: npx
args:
- "@crawlbase/mcp@latest"
env:
CRAWLBASE_TOKEN: YOUR_TOKEN
CRAWLBASE_JS_TOKEN: YOUR_JS_TOKENLaden Sie Continue neu, und die Tools erscheinen im Agent-Panel.
Cline
Cline (früher Claude Dev) verfügt über eine Einstellungs-UI für MCP-Server. Öffnen Sie Cline → Settings → MCP Servers → Add, und fügen Sie ein:
{
"crawlbase": {
"type": "stdio",
"command": "npx",
"args": ["@crawlbase/mcp@latest"],
"env": {
"CRAWLBASE_TOKEN": "YOUR_TOKEN",
"CRAWLBASE_JS_TOKEN": "YOUR_JS_TOKEN"
}
}
}GitHub Copilot Chat
Copilot Chat verfügt über MCP-Unterstützung. Öffnen Sie die VS Code Settings, suchen Sie nach "MCP", aktivieren Sie die Integration und fügen Sie sie dann über dieselbe JSON-Struktur wie oben zu ~/.config/Code/User/mcp.json hinzu.
Alle vier Optionen verwenden dieselbe Crawlbase-Konfiguration. Windsurf ist der offiziell unterstützte Upstream-Client; die drei VS Code-Optionen funktionieren genauso gut - Continue ist am erweiterbarsten, Cline am agentischsten, Copilot am nativsten.
Verwendung
Nach der Konfiguration ist der Workflow derselbe wie in Cursor oder Claude Desktop:
Crawl https://docs.example.com/openapi.json and generate a typed
client for the /users endpoints in TypeScript.Der Assistent ruft crawl auf, um die Spezifikation abzurufen, parst sie und bearbeitet Dateien in Ihrem Workspace.