Skip to content

Commit b94bc2e

Browse files
committed
docs: add context7 setup article in blog
1 parent d41be77 commit b94bc2e

File tree

9 files changed

+66
-1
lines changed

9 files changed

+66
-1
lines changed
135 KB
Loading
157 KB
Loading
71 KB
Loading
70.2 KB
Loading
71 KB
Loading
305 KB
Loading
300 KB
Loading
Lines changed: 60 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,60 @@
1+
---
2+
slug: context7-setup-vscode
3+
title: "How to set up Context7 MCP in Visual Studio Code"
4+
authors: ypechorkin
5+
tags: [context7, MCP]
6+
description: "Context7 MCP installation guide"
7+
---
8+
9+
This guide shows how you can set up Context7 MCP in your Visual Studio Code IDE (VS Code)
10+
<!-- truncate -->
11+
12+
### Preparation
13+
14+
First of all, you'll need to update VS Code to version 1.105.1 or higher. To check your version, go to `Help -> About`.
15+
16+
If you used a `.deb` file to install VS Code, just run these commands in the terminal to install updates:
17+
```bash
18+
sudo apt update
19+
sudo apt install code
20+
```
21+
22+
Before opening VS Code, we need to get the Context7 API key. For this, go to https://context7.com/dashboard, create a new account, and copy the API key.
23+
24+
### Setup
25+
26+
Now we can proceed with the setup:
27+
1) After opening VS Code, go to the extensions tab, where you'll see the new `MCP SERVERS` tab. Click on `Enable MCP Servers Marketplace`.
28+
![](image_1.png)
29+
30+
2) Find Context7 in the list and press `Install`:
31+
![](image_2.png)
32+
33+
3) Go to `Show Configuration JSON`:
34+
![](image_3.png)
35+
36+
4) Click `Edit`:
37+
![](image_4.png)
38+
39+
5) Insert your API key:
40+
![](image_5.png)
41+
42+
The installation is complete. You can now use it.
43+
44+
### Example: Installation of the Bulk-ai-flow Plugin
45+
46+
Here is an example prompt you can use to add the adminforth bulk-ai-flow plugin:
47+
48+
**Prompt:**
49+
`Add adminforth bulk-ai-flow plugin to this file using only Context7 MCP`
50+
51+
**Generated Code:**
52+
![](image_6.png)
53+
54+
**Result:**
55+
![](image_7.png)
56+
57+
As we can see, the generation works really well.
58+
59+
### Tips
60+
If you don’t want to add `use context7` to every prompt, you can [define a simple rule in your MCP client's rule section](https://github.com/upstash/context7?tab=readme-ov-file#-tips).

adminforth/documentation/blog/authors.yml

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,4 +12,9 @@ vkulyk:
1212
name: Vitalii Kulyk
1313
title: Developer of AdminForth
1414
url: https://github.com/SerVitasik
15-
image_url: https://avatars.githubusercontent.com/u/87546293?v=4
15+
image_url: https://avatars.githubusercontent.com/u/87546293?v=4
16+
ypechorkin:
17+
name: Yaroslav Pechorkin
18+
title: Developer of AdminForth
19+
url: https://github.com/yaroslav8765
20+
image_url: https://avatars.githubusercontent.com/u/189334989?v=4

0 commit comments

Comments
 (0)