The following steps are required to install and run WebMCP:
- environmental preparation: Ensure that Node.js (v18 or above) and PNPM (available via the
npm install -g pnpmInstallation) - cloning project: Use
git clone https://github.com/MiguelsPizza/WebMCP.gitCommand Clone Source Code - Access to the catalog: Implementation
cd MCP-BGo to the project folder - Installation of dependencies: Run
pnpm installInstall all dependencies - launch the development: Available
pnpm devLaunch the web page and the extended development environment at the same time, or use thepnpm --filter [extension|web] devseparate launch
In particular, to use the browser extensions, it is also necessary:
- Open in Chrome
chrome://extensions/ - Enable Developer Mode and select "Load Unpacked Extension".
- Locate the extension folder in the project to load it
This allows developers to preview code changes in real time for rapid iterative development.
This answer comes from the articleWebMCP: open source tool to run MCP servers in web pagesThe
May not be reproduced without permission:AI productivity tools " How do I install and run WebMCP in my development environment?
English 
简体中文 
日本語 
Deutsch 
Português do Brasil