How To Set Up Context7 MCP Server in VS Code

This is a short guide on how to get the Context7 MCP server in VS Code to run

Flo
#vscode #agent #mcp

Necessary steps

  1. Go to the Context7 dashboard
  2. Create an account
  3. Create an API key and copy it
  4. Go to VS Code (where a agent like GitHub Copilot has to be already preinstalled)
  5. Set the agent in the chat view to agent mode
  6. Create a .vscode folder
  7. Create a mcp.json file
  8. Use the necessary configuraton of the documentation
  9. Insert your API key
  10. Click on Start in the mcp.json file where your MCP server is defined
  11. Important: In my case a Pylance MCP server (maybe from the Pylance extension) blocked the Context7 MCP server. If this is the case for you, please disable the Pylance extension!
  12. Prompt the agent with a question and add ‘use context7’

You Might Also Like

My Essential VS Code Extensions

These are the extensions I install on every new machine

#vscode

My VS Code User Settings

Here are my favorite settings I enable on each no VS Code (or VS Codeium) instance.

#vscode

Debug Blazor WebAssembly Project in VS Code

This post explains the necessary steps that need to be taken to debug a Blazor Wasm Project in VS Code. It also offers

#vscode