ClearMD for VS Code

Attractive Markdown preview inside VS Code — ClearMD typography, outline, and syntax-colored code.

Features

• ClearMD: Open Preview / Open Preview to the Side
• Live update while you edit
• Sticky outline from headings
• Teal reading theme matching the ClearMD desktop app

Usage

1. Open a .md file
2. Command Palette → ClearMD: Open Preview to the Side
3. Or click the ClearMD icon in the editor title bar

Shortcut: Ctrl+K V (Mac: Cmd+K V)

Develop

cd vscode-extension
npm install
npm run compile

Then in VS Code: Run → Start Debugging (or open this folder and press F5).

Package & publish (Marketplace)

1. Create a publisher at https://marketplace.visualstudio.com/manage
   (publisher id must match package.json: mferasatali)
2. Create a Personal Access Token (Azure DevOps) with Marketplace → Manage
3. Package / publish:

cd vscode-extension
npm install
npm run package
# creates clearmd-1.0.0.vsix

npx vsce login mferasatali
npm run publish:marketplace

Sideload without Marketplace:

code --install-extension clearmd-1.0.0.vsix

Related

Desktop app + releases: https://github.com/mferasatali/clear-md/releases