VS Code Markdown preview

GitHub에 markdown을 이용해 문서를 작성할 때 실제로 보이는 모습을 조금 더 편하게 확인하기 위한 방법을 찾던 중 주로 작업을 하는 에디터인 VSCode에 Markdown preview를 해주는 기능이 있다는 것을 알게 됐다.

공식 문서의 아래 위치에서 해당 기능을 확인할 수 있다.

https://code.visualstudio.com/docs/languages/markdown#_markdown-preview

Markdown editing with Visual Studio Code

Markdown 파일을 작성한 뒤 .md 확장자를 지정해 저장하고 아래 빨간 박스에서 Open Preview 또는 Open Preview to the Side를 선택하면 Preview를 볼 수 있다. 특히 우측 빨간 박스 안의 Open Preview to the Side 버튼을 클릭하게 되면 라이브로 문서가 업데이트 되는 모습을 볼 수 있다.

Markdown Preview Menu 위치

Preview to the Side를 적용한 모습