MCPgee
MCPgee
MCPgeeMCPgee

VSCode As

v1.0.0•Developer Tools•stable

Expose VSCode features such as file viewing and editing as MCP, enabling advanced AI-assisted coding directly from tools like Claude Desktop

vscode-asmcpai-integration
Share:
116
Stars
0
Downloads
0
Weekly
0/5
View on GitHub

What is VSCode As?

VSCode As is a Model Context Protocol (MCP) server that allows AI assistants like Claude, Cursor, and VS Code to expose vscode features such as file viewing and editing as mcp, enabling advanced ai-assisted coding directly from tools like claude desktop

Expose VSCode features such as file viewing and editing as MCP, enabling advanced AI-assisted coding directly from tools like Claude Desktop

This server falls under the Developer Tools category on MCPgee, the world's largest MCP server directory with 33,000+ servers.

Features

  • Expose VSCode features such as file viewing and editing as M

Use Cases

View and edit files through VSCode features via MCP interface.
Enable AI-assisted coding directly from Claude Desktop using VSCode capabilities.
acomagu

Maintainer

LicenseMIT
Languagetypescript
Versionv1.0.0
UpdatedMay 13, 2026
Statushealthy
Maintenanceactive

Works with

ClaudeOpenAIwindowsmacoslinux
View SourceBrowse All Servers

Installation

Manual Installation

npx vscode-as

Configuration

Configuration Details

Config File

claude_desktop_config.json

Performance

Response Metrics

Response Time< 200ms
ThroughputMedium

Resource Usage

Memory UsageLow
CPU UsageLow

How to Set Up and Use VSCode As

VSCode As MCP Server is a VSCode extension that exposes the editor's own capabilities — file viewing and editing, terminal access, diagnostics, debug sessions, and browser preview — as MCP tools, allowing AI assistants like Claude Desktop to control VSCode directly over the Model Context Protocol. Instead of copying code back and forth between your editor and an AI chat window, you can instruct Claude to read a file, run a terminal command, check linting errors, or open a URL preview, all from within the chat interface.

Prerequisites

  • Visual Studio Code installed (any recent version)
  • The vscode-as-mcp-server extension installed from the VSCode Marketplace (ID: acomagu.vscode-as-mcp-server)
  • Node.js and npx available on your PATH
  • An MCP-compatible client such as Claude Desktop
1

Install the VSCode extension

Open VSCode and install the extension from the Marketplace. Search for 'vscode-as-mcp-server' or use the extension ID directly.

# In VSCode: Ctrl+Shift+X (or Cmd+Shift+X on macOS)
# Search for: acomagu.vscode-as-mcp-server
# Click Install

# Or via CLI:
code --install-extension acomagu.vscode-as-mcp-server
2

Open a project folder in VSCode

The MCP server needs an active workspace to serve file operations. Open your project folder before connecting an MCP client.

code /path/to/your/project
3

Confirm the extension is running

After installing, look for the VSCode As MCP Server status indicator in the bottom-right corner of the VSCode window. It should show that the server is active.

# Check the status bar at the bottom-right of VSCode
# The indicator confirms the MCP server is ready to accept connections
4

Configure your MCP client

Add the vscode-as-mcp-server to your claude_desktop_config.json. The npx command connects to the running VSCode extension.

# Edit ~/Library/Application Support/Claude/claude_desktop_config.json
5

Restart Claude Desktop and verify the tools

Restart Claude Desktop to load the new MCP server. You should now have access to file editing, terminal, diagnostics, debug, and browser preview tools.

# Available MCP tools after setup:
# text_editor        - view, replace, create, insert file content
# execute_command    - run commands in the integrated terminal
# code_checker       - retrieve active diagnostics (linting/type errors)
# list_directory     - show directory contents hierarchically
# get_terminal_output - fetch terminal output
# focus_editor       - navigate to specific file locations
# preview_url        - open URLs in VSCode's integrated browser
# list_vscode_commands / execute_vscode_command - run any VSCode command

VSCode As Examples

Client configuration (Claude Desktop)

Standard configuration connecting Claude Desktop to the vscode-as-mcp-server extension running inside VSCode.

{
  "mcpServers": {
    "vscode": {
      "command": "npx",
      "args": ["vscode-as-mcp-server"]
    }
  }
}

Prompts to try

These prompts exercise the different tools the extension exposes, from file editing to terminal commands and diagnostics.

- "List all files in the src/ directory of my open project."
- "Read the contents of src/index.ts."
- "Fix the TypeScript errors shown in the diagnostics panel."
- "Run `npm test` in the integrated terminal and show me the output."
- "Open http://localhost:3000 in the VSCode browser preview."
- "Navigate to line 42 in src/utils.ts."
- "Replace the function `calculateTotal` in cart.ts with a new implementation that handles null values."

Troubleshooting VSCode As

Claude Desktop cannot connect to the VSCode MCP server

Ensure VSCode is open with a workspace folder active and the vscode-as-mcp-server extension is installed and enabled. Check the status indicator in the bottom-right corner of VSCode. Restart both VSCode and Claude Desktop if the connection still fails.

`npx vscode-as-mcp-server` exits immediately with an error

The npx package acts as a bridge to the VSCode extension process. Ensure the extension is running in VSCode first. If Node.js or npx is not found, install Node.js from nodejs.org and ensure it is on your PATH.

execute_command tool runs but terminal output is not returned

Use the `get_terminal_output` tool after running a command to fetch the output from a specific terminal. Long-running commands may need a moment to complete before their output is available.

Frequently Asked Questions about VSCode As

What is VSCode As?

VSCode As is a Model Context Protocol (MCP) server that expose vscode features such as file viewing and editing as mcp, enabling advanced ai-assisted coding directly from tools like claude desktop It connects AI assistants to external tools and data sources through a standardized interface.

How do I install VSCode As?

Follow the installation instructions on the VSCode As GitHub repository. Clone the repo, install dependencies, and add the server config to your AI client.

Which AI clients work with VSCode As?

VSCode As works with all major MCP-compatible AI clients including Claude Desktop, Claude Code, Cursor, VS Code (GitHub Copilot), Windsurf, and Cline.

Is VSCode As free to use?

Yes, VSCode As is open source and available under the MIT license. You can use it freely in both personal and commercial projects.

Learn More About MCP Servers

Getting Started with MCP

Set up your first MCP server in minutes

MCP Setup Guide

Configure MCP in Claude, Cursor & VS Code

All MCP Tutorials

18+ hands-on guides for developers

MCP FAQ

40+ answers about Model Context Protocol

VSCode As Alternatives — Similar Developer Tools Servers

Looking for alternatives to VSCode As? Here are other popular developer tools servers you can use with Claude, Cursor, and VS Code.

Ecc

★ 188.2k

The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.

Javaguide

★ 155.8k

Java 面试 & 后端通用面试指南，覆盖计算机基础、数据库、分布式、高并发、系统设计与 AI 应用开发

Gemini CLI

★ 104.5k

A secure MCP server that wraps the Google Gemini CLI, allowing clients to query Gemini models using local OAuth sessions without requiring an API key. It provides tools for model interaction and diagnostics with built-in protection against command in

Awesome MCP Servers

★ 87.3k

⭐ Curated list of Model Context Protocol (MCP) servers - tools that extend Claude Desktop, Cursor, Windsurf, and other MCP clients with custom capabilities.

MCP Servers

★ 86.0k

Model Context Protocol Servers

CC Switch

★ 77.5k

A cross-platform desktop All-in-One assistant for Claude Code, Codex, OpenCode, OpenClaw, Gemini CLI & Hermes Agent. Only official website: ccswitch.io

Browse More Developer Tools MCP Servers

Explore all developer tools servers available in the MCPgee directory. Each server includes setup guides for Claude, Cursor, and VS Code.

Developer ToolsBrowse All Servers

Quick Config Preview

{ "mcpServers": { "vscode-as": { "command": "npx", "args": ["-y", "vscode-as"] } } }

Add this to your claude_desktop_config.json or .cursor/mcp.json

Read the full setup guide →

Ready to use VSCode As?

Browse our complete directory of 33,000+ MCP servers, read setup guides for your editor, and start building with the Model Context Protocol.

33,000+ ServersFree & Open SourceStep-by-Step Guides
Explore All ServersRead Our Guides