Live markdown rendering for the basics that makes a Markdown way easier to visually parse as you work on it. Hides syntax when not editing, shows full markdown when focused.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Seems like we'll all end up writing more Markdown, because it's a great format for giving all collaborators more context about your work... human, or not-so-human [insert agent of choice].
Now, as you type you can easily see your doc's hierarchy in vscode without having to toggle into a preview mode or have one side by side. So this is that... simple live rendering of the Markdown basics, for quick, clean, focused editing.
✨ Features
🎯 Focused Editing
Grok the visual hierarchy of a doc at a glance
Show full markdown syntax when cursor is on the line
Open any .md file - extension activates automatically
Start typing markdown - see live rendering as you type
Click on any line - see full markdown syntax for editing
Click away - see clean rendered text
UseCtrl+Shift+M to toggle on/off
💡 Why Focused Markdown?
Traditional markdown editors force you to choose:
WYSIWYG editors - lose access to raw markdown (and are you old enough to know that acronym?)
Split preview - takes up screen space
Plain text - hard to parse while writing
📸 Examples
# This becomes a large heading (when not focused)
**This becomes bold text** with perfect spacing
*This becomes italic* and flows naturally
[This becomes a link](https://github.com/jonahgoldsaito/MarkGetsDown/blob/HEAD/url) without the URL cluttering
And you want a list?
Here you go:
- This becomes a bullet point
- And another one
1. This becomes a numbered item (auto-increments!)
2. See!?
3. I told you.
