DEV Community

Cover image for Install Playwright MCP Server in VS Code
Debbie O'Brien
Debbie O'Brien

Posted on

Install Playwright MCP Server in VS Code

Installing MCP(Model Context Protocol) servers in Visual Studio Code just got a major upgrade! With the latest update, you’ll notice a new MCP Servers section in the Extensions panel. Here you will find all the MCP servers you already have installed. You should also see a “world” icon for browsing MCP Servers.

Getting Started

  • Open VS Code and click on the Extensions panel
  • Under extensions is a new section called MCP Servers Installed
  • Look for the new globe/world icon and click it to launch the MCP server browser

vs coding mcp servers installed section

Browse Available MCP Servers

You’ll be greeted by a curated list of available MCP servers, each with a description and quick actions.

mcp servers in vs code

Install an MCP Server

Find the server you want and click the Install button.
This will open a web link that triggers VS Code to handle the installation for you.

Confirm the install in VS Code—no need to copy-paste commands or hunt for repositories.

Manage Your Servers

Once installed, your MCP servers appear in the extension’s sidebar.
You can start or stop servers with a single click.

vs code mcp servers configure

Click on a server to view its README, check documentation, or access configuration options directly from the UI.

Give it a try and see how much easier MCP server installation can be!

https://code.visualstudio.com/mcp

Top comments (7)

Collapse
 
its_nish profile image
Nish

Thank you installed 3 MCP's Playwright, Microsoft Docs and Context7

Collapse
 
debs_obrien profile image
Debbie O'Brien

whooo hooo nice. now have some fun and tell me what you did/created/found out

Collapse
 
dbs_qatechnologies_2d499 profile image
DBS QA Technologies

Thanks for sharing

Collapse
 
debs_obrien profile image
Debbie O'Brien

you are very welcome

Collapse
 
hau_nguyen_66d9cd5dfca8f7 profile image
Hau Nguyen

This will open a web link that triggers VS Code to handle the installation for you. -> I do not see any pop-up from the web to confirm the action. So could you please correct the wrong step or additional setting?

Collapse
 
ronen_mars profile image
Ronen Mars

What are the differences between MCP servers? Do they offer different functionalities? What factors should I consider when choosing one Playwright server over another?