Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>Markdown Tree ExplorerNew to Visual Studio Code? Get it now.
Markdown Tree Explorer

Markdown Tree Explorer

sadegh javanmard

|
1 install
| (0) | Free
A Markdown-only sidebar: browse folders and .md files, open them in preview, and go back after following links.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Markdown Tree Explorer

A focused sidebar for documentation folders. It shows only directories and Markdown files, and opens every .md file in the Markdown preview. Press Ctrl+Shift+V to switch that file to the editor and back.

Use it when a workspace is mostly notes, specs, or linked docs and the normal Explorer is too noisy.

Features

  • Markdown-only tree — lists folders and .md files from the opened workspace
  • Preview first — a click in the tree opens the rendered Markdown viewer
  • Link history — after you follow a link to another .md file, Back and Forward return you to the previous document
  • Clean tree — folders with no Markdown descendants are hidden; .git, node_modules, out, dist, .vscode, and .cursor are skipped
  • Active file — the document you are viewing or editing is selected in the tree and follows as you switch files
  • Preview / edit — Ctrl+Shift+V toggles the current file between rendered preview and the Markdown editor

Getting started

  1. Open a folder that contains Markdown files.
  2. Click the Markdown icon in the activity bar.
  3. Expand folders and click a .md file to read it in preview.
  4. Follow links between documents, then use Back / Forward in the view title (or Alt+Left / Alt+Right) to move through the files you opened.
  5. Press Ctrl+Shift+V (Mac: Cmd+Shift+V) to switch the current file between preview and the editable source.

The file you are viewing or editing is selected in the tree and updates as you change documents.

The workspace must be trusted so Markdown links can stay in preview and be recorded in history.

Commands

Command What it does
Back Previous Markdown file in this session
Forward Next Markdown file in this session
Toggle Preview/Editor Switch the current file between preview and source (Ctrl+Shift+V)

Requirements

Visual Studio Code or Cursor 1.85 or later.

For developers

npm install

Press F5 to launch an Extension Development Host, then open a folder with .md files.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft