PostHog for VS Code

Your PostHog command center, inside your editor.
Feature flags, experiments, analytics, error tracking, and event intelligence — without leaving VS Code.

PostHog · Features · Getting Started · Code Intelligence · Stale Flag Detector

Getting Started

1. Install the extension
2. Open the PostHog sidebar (hedgehog icon in the activity bar)
3. Click Sign In with API Key — use a personal API key (phx_...)
4. Select your project

That's it. Your flags, experiments, events, and errors are now in your editor.

Features

Feature Flags

Manage feature flags without context-switching.

• Inline status decorations — see flag state (● enabled, ○ inactive, rollout %, variant count) right next to your code
• Autocomplete flag keys — type inside isFeatureEnabled(' and get suggestions from your PostHog project
• Unknown flag warnings — wavy underline on flag keys that don't exist in PostHog, with a quick-fix to create them
• Clickable links — flag keys become links that open detail panels
• Create, toggle, update — manage flags directly from VS Code
• Copy key, open in browser — quick actions on every flag

Experiments

See experiment results where the code lives.

• Inline experiment indicators — flags linked to experiments show status (⚗ running, ⚗ won · variant-a 94%)
• Bayesian results — chance to win, credible intervals, variant performance, and winner badges
• Detail panels — full experiment breakdown in an editor tab
• Variant highlighting — visual distinction for code paths behind experiment variants

Event Tracking & Analytics

Your analytics layer, annotated.

• Event name autocomplete — suggestions from your PostHog project inside posthog.capture('
• Property autocomplete — keys, types, and top values for event properties
• Inline volume decorations — see event count (last 7 days) and sparkline charts next to capture() calls
• Saved insights — browse your PostHog dashboards in the sidebar with auto-refresh

Smart Capture Insertion

Instrument code in one click.

• Place your cursor on any function, method, or arrow function
• Open the refactor menu (lightbulb) → "Track user_login with PostHog"
• Inserts posthog.capture() with:
  • A smart event name derived from the function (handleUserLogin → user_login, UserProfile → user_profile_viewed)
  • Function parameters as event properties (filters out noise like e, event, ctx)
  • useEffect wrapper for React components

Error Tracking

Jump from error to source code.

• Browse errors in the sidebar with occurrence counts and status
• Stack trace navigation — click an error to jump to the exact file and line in your workspace
• Detail panels — full error context in an editor tab

Stale Flag Detector

Tech debt cleanup on autopilot.

• Scan your entire codebase for feature flag references
• Cross-reference with PostHog to find flags that are:
  • Fully rolled out — 100% rollout, no conditions (safe to remove the check)
  • Inactive — flag is turned off
  • Experiment complete — linked experiment has ended
  • Not in PostHog — flag key doesn't exist in your project
• Tree view grouped by staleness reason, with click-to-navigate references
• One-click cleanup — removes the flag check and keeps the correct code branch (handles if/else and ternary patterns)

HogQL Editor

Query PostHog data from your editor.

• Syntax highlighting for HogQL (PostHog's SQL dialect)
• Run queries with Cmd+Enter and see results in a formatted table
• .hogql file support — save and run query files

Sidebar

The PostHog sidebar organizes everything into tabs:

Plus a Stale Flags tree view below the main sidebar for codebase-wide flag hygiene.

Supported Languages

Code intelligence (autocomplete, decorations, code actions) works in:

• JavaScript
• TypeScript
• JSX / TSX

The HogQL editor supports .hogql files with full syntax highlighting.

Commands

All commands are available via the Command Palette (Cmd+Shift+P):

Requirements

• VS Code 1.109.0+
• A PostHog account with a personal API key

Built with 🦔 by the PostHog community