Vscode에서 마크다운 미리보기

작성한 마크다운을 vscode에서 미리보기로 열어봅니다.

확장 프로그램을 이용하여 이모지까지 미리보기 해봅니다.


vscode에서 마크다운 파일을 만듭니다.


imgaes

  • 마크다운 문법에 맞춰 문서를 작성합니다.



미리보기


imgaes

  • 우측 상단의 미리보기를 클릭합니다.


imgaes

  • 방금 작성한 마크다운 문서가, 마크다운 형식에 맞춰 미리보기가 되고 있습니다.

이모지 적용하기


imgaes

  • 확장 프로그램에 가서 Mark Down Emoji 를 다운 받습니다.


imgaes

  • 적용이 되는것을 볼 수 있습니다.

여담

자꾸 지혼자서 마크다운 문법이 정렬되었습니다.

imgaes

  • 게시물 미리보기를 위해서 자동 정렬을 하면 안되었습니다.
  • 이유를 찾아보니 오늘 다운 받은 prettier 확장 프로그램 때문이었습니다.
  • 마크다운은 예외로 넣어 주니 해결!