Tired of reading about the Model Context Protocol (MCP) without actually trying it? Let's fix that. In the next 10 minutes, you'll have your first MCP server running. We'll use a file system server as our example—practical, useful, and perfect for understanding how everything works.
Before we start, make sure you have:
That's it. No complex setup, no enterprise accounts needed.
This is a universal first step, regardless of which AI client you use. Open your terminal and run this single command:
npm install -g @modelcontextprotocol/server-filesystem
This installs one of the most useful MCP servers available—it gives your AI assistant safe access to read and write files on your computer. Think of it as giving your AI hands to work with your files.
This is where the steps differ depending on your client.
Claude Desktop looks for MCP servers in a specific configuration file. The location depends on your operating system:
~/Library/Application Support/Claude/claude_desktop_config.json
%APPDATA%/Claude/claude_desktop_config.json
~/.config/Claude/claude_desktop_config.json
If the file doesn't exist, create it. Then, add the following content:
{
"mcpServers": {
"filesystem": {
"command": "npx",
"args": [
"@modelcontextprotocol/server-filesystem",
"/path/to/your/project/folder"
]
}
}
}
Cursor offers two ways to configure MCP servers: globally or per-project.
Global Configuration (Recommended):
filesystem
command
npx @modelcontextprotocol/server-filesystem /path/to/your/project/folder
Project-Level Configuration:
.cursor
directory in your project's root.mcp.json
.claude-code
For VSCode and its extensions like claude-code
, you'll configure MCP servers on a per-project basis.
.vscode
directory in your project's root if it doesn't already exist.mcp.json
.{
"mcpServers": {
"filesystem": {
"command": "npx",
"args": [
"@modelcontextprotocol/server-filesystem",
"/path/to/your/project/folder"
]
}
}
}
Important: For all clients, remember to replace /path/to/your/project/folder
with the actual, absolute path to a folder you want the AI to access.
Note: We were unable to find specific MCP configuration instructions for Windsurf or Gemini CLI at this time.
After saving your configuration, completely restart your client (Claude Desktop, Cursor, or VSCode). This forces it to load the new settings.
Look for a small hammer icon (🔨) or a similar indicator in your AI interface—that's your sign that MCP servers are connected.
Now, test it! Start a new conversation and ask something like:
"Can you list the files in my project folder and tell me what you find?"
If it works, the AI will use the file system server to list the files in the directory you specified.
All communication happened locally on your machine—no files were uploaded to external servers.
Now that you've got your first MCP server running, the possibilities multiply:
The setup process is nearly identical—just different server names and configuration parameters.