MyMarkdown logo

MyMarkdown, inside VS Code

The same beautiful reading experience while you edit. Everything runs on your machine — no account, no internet, nothing leaves your computer.

Version 0.1.22 · about 1 MB · works with VS Code 1.85+

Styled preview

VS Code's own preview (Cmd/Ctrl + Shift + V) gets the MyMarkdown look: vivid H1–H3 headings, JSON one field per line with coloured field names, task lists, Mermaid diagrams drawn in your theme's colours, and calm code blocks — with scroll sync and click-to-source built in.

Beautify command

Cmd/Ctrl + Alt + B tidies the open file with the smallest possible edit, so your cursor and scroll stay put. Bare or backtick-wrapped JSON is promoted into proper code blocks. One undo reverses it all.

Contents + lint

Every H1, H2, and H3 in a clickable sidebar tree. Structure problems — heading jumps, unclosed fences, invalid JSON — show up in the Problems panel as you type.

Setting it up

  1. 1

    Download the file

    Grab the .vsix file above and save it anywhere on your computer.

  2. 2

    Install it in VS Code

    Open VS Code, press Cmd/Ctrl + Shift + P, run “Extensions: Install from VSIX…”, and pick the file you just downloaded.

  3. 3

    Reload the window

    Run “Developer: Reload Window” from the same menu, or just restart VS Code.

  4. 4

    Open any .md file

    Press Cmd/Ctrl + Shift + V — VS Code’s own preview now shows the MyMarkdown styling. Click the sparkle button (or Cmd/Ctrl + Alt + B) to beautify, and open the MyMarkdown icon in the sidebar for the clickable Contents tree.

Prefer the terminal?

code --install-extension mymarkdown-0.1.22.vsix

Run it from the folder where you saved the file.