Jamdesk Documentation logo

VS Code Extension

Start, stop, and restart the Jamdesk dev server from the Visual Studio Code status bar with one-click controls and auto browser preview.

Preview your documentation without leaving Visual Studio Code. The Jamdesk extension adds a status bar button that starts jamdesk dev, monitors the server, and opens your browser when it's ready — no terminal required.

Prerequisites

  • Jamdesk CLI installed (npm install -g jamdesk)
  • A workspace containing a docs.json file

Install the Extension

Search for Jamdesk in the VS Code Extensions panel (Cmd+Shift+X on macOS, Ctrl+Shift+X on Windows/Linux) and click Install.

The extension activates automatically when your workspace contains a docs.json file. A play button appears in the status bar.

Start the Dev Server

Click the play button in the status bar to start the dev server. The extension:

  1. Spawns jamdesk dev as a child process
  2. Monitors output to detect when the server is ready
  3. Opens your browser to the local preview (if auto-open is enabled)

The status bar shows the current server state — starting, running, or stopped.

Commands

Open the Command Palette (Cmd+Shift+P / Ctrl+Shift+P) and type "Jamdesk" to access:

CommandDescription
Jamdesk: Start Dev ServerStart the dev server
Jamdesk: Stop Dev ServerStop the running server
Jamdesk: Restart Dev ServerRestart the server
Jamdesk: Show OutputReveal the CLI output channel

Settings

Configure the extension in VS Code settings (Cmd+, / Ctrl+,) under Jamdesk:

SettingDefaultDescription
jamdesk.port3000Preferred dev server port
jamdesk.verbosefalseEnable verbose CLI output
jamdesk.cleanfalseClear build cache on next start
jamdesk.browserModeexternalWhere to open preview: external (system browser) or embedded (VS Code side panel)
jamdesk.autoOpenBrowsertrueOpen browser when server is ready

Set browserMode to embedded to open the docs preview in a VS Code side panel. This lets you edit and preview side by side without switching windows.

Smart Port Handling

If your preferred port is already in use, the CLI automatically increments to the next available port. The extension detects the actual port from the CLI output, so the browser always opens to the correct URL.

Output Channel

The extension streams all CLI output to a dedicated Jamdesk output channel. Open it with the Jamdesk: Show Output command or from the Output panel dropdown.

Use this to:

  • Monitor build progress
  • Debug server issues
  • View verbose logs (when jamdesk.verbose is enabled)

What's Next?

Local Preview

CLI-based preview with custom ports and verbose mode

CLI Overview

Full CLI command reference

VS Code Extension — Jamdesk Documentation