Home/Setup/VS Code

Connect VS Code to Spacefast.

VS Code can give Copilot agent mode the Spacefast tools it needs to publish the current project and manage existing spaces.

What VS Code can do.

Add hosted MCP
Use the install link for an OAuth-backed server that needs no local runtime.
Keep project configuration
Commit a .vscode/mcp.json configuration when the workspace should advertise the same tools.
Publish from Copilot
Build, publish, and inspect the current project without leaving the editor.

Set it up.

Start with the first option. The alternatives are there for a different runtime or access model.

One click adds hosted MCP for Copilot agent mode.

Paste into Copilot:

No install. The agent returns the live URL and version URL, plus a claim link for a new anonymous space.

Add to VS Code
Set up once β€” on-device mcp, cli setup
  • On-Device MCP β€” Runs the local server via npx β€” for CLI users who already have it.

  • CLI setup β€” Writes the VS Code MCP config and verifies the connection.

VS Code setup

Try these recipes.

Open the finished site, read what the recipe asks for, or copy the exact prompt into VS Code.

Developers & integrations Β· Astro

Docs site

A multi-page documentation site for an open-source library β€” grouped sidebar nav, getting-started and guides, an API reference, build-time syntax-highlighted code, a working ⌘K search, and a version dropdown.

Data, internal & startup Β· Astro

SaaS landing

A dark-mode B2B SaaS landing page for an issue tracker β€” hero screenshot, logo cloud, feature deep-dives, testimonials, pricing, and FAQ.

Data, internal & startup Β· Vanilla JS

Status page

A public status page for an API product β€” overall-status banner, per-component 90-day uptime bars, an incident timeline, scheduled maintenance, and a subscribe box.

Check the connection.

  1. Step 1

    Install the hosted server or add .vscode/mcp.json.

  2. Step 2

    Reload VS Code and open Copilot agent mode.

  3. Step 3

    Ask Copilot to list the Spacefast tools before publishing.

If it does not connect.

VS Code treats the MCP URL as a command.
Use the generated VS Code configuration, which includes the required HTTP server type.
The project configuration is present but inactive.
Trust the workspace, enable the MCP server, and reload the VS Code window.

Keep going.