Utilisation avec VS Code
Windsurf prend en charge MCP de manière native. VS Code lui-même ne le fait pas, mais Continue, Cline et Copilot Chat le font tous : même configuration Crawlbase, quatre endroits où l'insérer.
Windsurf (officiellement pris en charge)
Windsurf est un client officiellement pris en charge pour Crawlbase MCP. Configuration :
- Ouvrez Windsurf → File → Preferences → Windsurf Settings → General → MCP Servers → Manage MCPs → View raw config.
- Ajoutez l'entrée Crawlbase à
mcp_config.json:
{
"mcpServers": {
"crawlbase": {
"type": "stdio",
"command": "npx",
"args": ["@crawlbase/mcp@latest"],
"env": {
"CRAWLBASE_TOKEN": "YOUR_TOKEN",
"CRAWLBASE_JS_TOKEN": "YOUR_JS_TOKEN"
}
}
}
}Enregistrez et redémarrez Windsurf. Les outils Crawlbase apparaissent dans le panneau MCP.
VS Code (via des extensions d'assistant)
VS Code lui-même n'intègre pas la prise en charge de MCP, mais les assistants IA populaires pour VS Code, eux, le font. Choisissez celui que vous utilisez déjà.
Continue
Continue est un assistant IA open-source populaire pour VS Code. Il prend en charge les serveurs MCP dans sa configuration YAML :
mcpServers:
- name: crawlbase
type: stdio
command: npx
args:
- "@crawlbase/mcp@latest"
env:
CRAWLBASE_TOKEN: YOUR_TOKEN
CRAWLBASE_JS_TOKEN: YOUR_JS_TOKENRechargez Continue et les outils apparaissent dans le panneau de l'agent.
Cline
Cline (anciennement Claude Dev) propose une interface de paramètres pour les serveurs MCP. Ouvrez Cline → Settings → MCP Servers → Add, puis collez :
{
"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 prend en charge MCP. Ouvrez les paramètres de VS Code, recherchez « MCP », activez l'intégration, puis ajoutez la configuration via la même structure JSON utilisée ci-dessus dans ~/.config/Code/User/mcp.json.
Les quatre options utilisent une configuration Crawlbase identique. Windsurf est le client officiellement pris en charge en amont ; les trois options VS Code fonctionnent tout aussi bien : Continue est le plus extensible, Cline est le plus agentique, Copilot est le plus natif.
Utilisation
Une fois la configuration effectuée, le flux de travail est le même que dans Cursor ou Claude Desktop :
Crawl https://docs.example.com/openapi.json and generate a typed
client for the /users endpoints in TypeScript.L'assistant appelle crawl pour récupérer la spécification, l'analyse et modifie les fichiers de votre espace de travail.