Getting Started
BitVanes is a guided tour through code you didn't write — a pending diff, a fresh AI-generated change, or any function you want to finally understand. It plays the tour back inside your editor: the active statement spotlighted, everything else dimmed, data flow explained step by step.
Two audiences, one tool. Seasoned engineers use it to burn through review diffs quickly (Expert style). Newer developers — and anyone reviewing code an AI generated for them — get plain-language tours that explain the syntax and define the jargon (Learner style).
Choosing your style
Run BitVanes: Set Walkthrough Style (also in the panel's ⋯ menu) or set bitvanes.walkthrough.style:
| Style | For | What changes |
|---|---|---|
| Expert | Senior engineers fluent in the language | Terse, high-signal steps; no syntax lessons; invariants and risk only |
| Standard (default) | Working developers new to this code | What the code does and why it exists in the flow |
| Learner | New devs and vibe coders | Plain language, syntax explained on first use, jargon defined, why the pattern matters |
Install
Install from Open VSX while the Marketplace listing is unpublished:
https://open-vsx.org/extension/bitvanes/bitvanesNot published to the VS Code Marketplace yet
(the page 404s until the listing goes up):
https://marketplace.visualstudio.com/items?itemName=bitvanes.bitvanescode --install-extension bitvanes-v<version>.vsixgit clone https://github.com/kodr-pro/BitVanes.git
cd BitVanes && npm ci && npm run compile
# open in VS Code, press F5Your first tour
- Make a change in a git repo — brand-new untracked files count too — or just open a function you want to understand.
- Run BitVanes: Walkthrough Working Tree Changes from the Command Palette — or BitVanes: Walkthrough Code Path at Cursor with your cursor inside a function. In a hurry? Instant Walkthrough (No AI) builds a local tour in under a second.
- The editor pans to the first step: the active statement is spotlighted, everything outside the enclosing function is dimmed, and a dotted border marks the scope.
- Step with
alt+]/alt+[, or use the status-bar transport. Hover the highlighted code for the full narrative, variable transitions, and any security note.
Choosing a model
GitHub Copilot (Marketplace installs only)
If you installed BitVanes from the VS Code Marketplace and you're signed in to Copilot, BitVanes uses VS Code's built-in Language Model API. Nothing to configure, no keys.
That API only serves Marketplace-published extensions. Open VSX and VSIX installs cannot use Copilot as the default — point BitVanes at a local or hosted OpenAI-compatible endpoint instead. The Marketplace listing is not published yet.
Local models — Ollama, LM Studio, vLLM
ollama pull qwen2.5-coder:14b
ollama serveStart the local server (default http://localhost:1234/v1)
and load a chat model.Then set:
{
"bitvanes.llm.provider": "openai-compatible",
"bitvanes.llm.baseUrl": "http://localhost:11434/v1", // Ollama; LM Studio: http://localhost:1234/v1
"bitvanes.llm.modelId": "qwen2.5-coder:14b"
}Your code never leaves the machine.
Hosted — OpenAI, Anthropic, OpenRouter
Run BitVanes: Set API Key for External LLM Provider, pick a preset, paste your key. The key is stored in VS Code SecretStorage (OS keychain) — there is deliberately no setting that accepts a key.
Keyboard shortcuts
| Key | Action |
|---|---|
alt+] / alt+[ | Next / previous step (works anywhere while a walkthrough is active) |
] / [ | Next / previous step when focus is outside the editor and terminal (panel, status bar) |
Esc | Exit walkthrough (from the editor) — or the ✕ in the status bar, any time |