
This will provide you with a live preview of the markdown page. md extension hit “⌘ \“ to split the page followed by Shift+⌘+V. Visual studio has great built in support for markdown. You can also specify variables to watch and very easily enable and disable breakpoints at a page or line level from the breakpoints view. Once the debugger is active, visual studio provides step over, step in and run commands. You can easily set breakpoints (left click to the left of the line number or hit ⌥ - F9 to add a breakpoint to the line of code). The debugger provides everything that you would expect in a fully featured IDE.

Visual Studio Code has built in debugger capabilities that can very easily be configured (through the use of extensions) to work with many languages like Ruby, Golang and PHP.
