Previewing Markdown files with VScode

How to quickly see if your Markdown files are formatted correctly

This website is created using Jekyll and the posts are written in Markdown. When I’m writing Markdown I find it useful to know if I’m formatting it correctly without having to fire up my local server.

VScode allows us to preview Markdown files easily including images. VScode supports .markdown and .md files out of the box so there is no need to add any additional plugins to get the preview functionality to work. To open up a tab with the Markdown preview you just need to press shift + command + v. To get a split screen with your Markdown file and a preview press command + k let go and then press v.

Markdown file beside Markdown preview tab


Recent posts View all

Mac Productivity

What I use SetApp for

A rundown of the applications I use SetApp for, and why I'm happy to continue using it

Ruby

Changing colours in Rails Admin

How to change up the colours in Rails Admin