VSCode에서는 Split View로 Markdown 프리뷰를 볼 수 있지만, 프리뷰용으로 화면 너비를 사용하기 때문에 그대로 편집할 수 있는 편이 더 스마트합니다. 특히 AI와 함께 기사를 작성하는 개발 환경에서는 프리뷰와 편집을 왔다 갔다 하지 않아도 되는 만큼 상당히 사용하기 편리해집니다.

표준 스플릿 에디터(Split Editor)에서도 정돈된 Markdown을 읽을 수 있지만, 화면 너비를 사용하기 때문에 작업 공간이 압박을 받습니다.

그래서 추천하고 싶은 것이 meo라는 VSCode 확장 기능입니다.

meo를 사용하면 다음과 같이 정돈된 상태를 보면서 편집할 수 있습니다. 표준 에디터가 가공되지 않은(raw) Markdown을 그대로 표시하는 것에 반해, meo는 정돈된 상태 그대로 직접 편집할 수 있습니다.

목차도 옆에 둔 채로 편집할 수 있으며, Git의 차이점(diff) 등도 확인할 수 있습니다.

VSCode에서 ⌘+,를 누르고, 모달 상단의 파일 아이콘을 클릭하여 settings.json에 다음과 같이 기술합니다.

"workbench.editorAssociations": {
"*.md": "markdownEditorOptimized.editor",
"*.markdown": "markdownEditorOptimized.editor", // 취향에 따라
...

테마도 커스터마이징할 수 있습니다. 표준 테마의 색상이 특수하기 때문에, 저는 다음과 같이 하고 있습니다.

{
"id": "custom-theme",
"name": "Custom theme",
...

⌘+Shift+P를 하고 "> meo"라고 입력하면 'Select Theme'가 나오므로, 기존 테마를 선택할 수도 있습니다.

편리한 한편으로, 현재 다음과 같은 문제점도 발견되었습니다.

• 이모지를 입력할 수 없다.
• 이모지 피커(Emoji Picker)가 표시되지 않는다.
• 가끔 동작이 이상해져서 글자가 지워진다.