VSCode를 내가 가장 좋아하는 마크다운 편집기로 변환한 방법

Visual Studio Code(VSCode)는 다중 플랫폼 지원, 가벼운 특성, 뛰어난 확장성 덕분에 인기 있는 소스 코드 편집기입니다. 일반적으로 소프트웨어 개발자가 사용하지만, Markdown으로 허구와 논픽션을 쓰는 사람에게도 많은 것을 제공합니다. VSCode를 제가 가장 좋아하는 Markdown 편집기로 어떻게 변환했는지 보여드리겠습니다.

VSCode 대 전용 마크다운 편집기

훌륭한 전담 마크다운 편집기는 부족하지 않습니다. 그렇다면 VSCode 사용자 정의에 신경 쓸 이유가 무엇입니까? 몇 가지 이유가 있습니다.

• 크로스 플랫폼 호환성 : VSCode는 Windows, macOS, Linux를 포함한 모든 주요 플랫폼에서 원활하게 실행됩니다.
• 풍부한 기능 세트 : VSCode는 모든 작가의 삶을 훨씬 더 쉽게 만들어 줄 수 있는 기능을 가지고 있습니다. 예를 들어, Git 통합을 통해 문서의 버전 제어가 가능합니다.
• 유연한 레이아웃 : 여러 문서나 동일 문서의 여러 섹션을 나란히 표시할 수 있는 기능을 통해 긴 형식의 콘텐츠를 훨씬 더 편리하게 작성할 수 있습니다.
• 비용 및 라이센스 : 일부 프리미엄 마크다운 편집기와 달리 VSCode는 완전히 무료이고 오픈 소스입니다.
• 내장된 마크다운 미리보기 : VSCode에서는 기본적으로 마크다운 형식의 텍스트를 미리 볼 수 있어서 작업 내용을 바로 확인할 수 있습니다.
• 확장성 : 아마도 가장 중요한 장점은 VSCode의 광범위한 확장 기능 생태계 로 , 이를 통해 편집기를 사용자의 특정 요구 사항에 맞게 사용자 정의할 수 있다는 것입니다.

이것이 당신에게 좋게 들린다면, 계속해서 VSCode를 설치하세요 . 몇 개의 확장 프로그램만 있으면 VSCode를 훌륭한 마크다운 편집기로 바꿀 수 있습니다.

VSCode에서 마크다운 편집을 위한 필수 확장 프로그램

먼저, 마크다운 편집기로서 VSCode의 가장 큰 한계인 마크다운 서식 단축키 지원 부족을 해결합니다. 마크다운 올인원 과 마크다운 편집기 중에서 선택하세요 .

저는 개인적으로 Markdown All in One을 추천합니다. Markdown Editor는 2021년에 마지막으로 업데이트되었지만, 활발하게 개발되고 있기 때문입니다. 제가 Markdown Editor를 언급하는 유일한 이유는 What You See Is What You Get(WYSIWYG) 특성 때문입니다. 단축키를 사용하거나 Markdown 서식을 수동으로 입력하는 대신, 텍스트 일부를 강조 표시하고 버튼을 눌러 굵게 표시하거나 제목으로 바꾸는 등의 작업을 합니다.

두 확장 프로그램 중 하나를 설치하려면 확장 프로그램 탭으로 이동하고 검색 창을 사용하여 선택한 확장 프로그램을 찾습니다. 설치 버튼을 클릭하면 확장 프로그램이 활성화됩니다.

다음으로, 철자 검사기를 설치해 보겠습니다. 의심할 여지 없이 가장 좋은 옵션은 Code Spell Checker 입니다 . 바로 Markdown 문서를 지원하고, 영어가 아닌 다른 언어로 작성하면 수십 개의 추가 언어 사전을 설치할 수 있습니다.

설치가 완료되면 철자가 틀린 단어를 강조 표시하고 수정 방법을 제안합니다. 이는 가장 신중한 교정에서도 빠져나갈 수 있는 성가신 오타를 잡는 데 매우 중요합니다.

VSCode를 강력한 Markdown 편집기로 사용할 준비가 거의 되었지만, 아직 누락된 중요한 확장 프로그램이 하나 있습니다. 바로 markdownlint 입니다 .

Markdownlint는 Markdown을 위한 린팅 및 스타일 검사 도구입니다. Markdown 글쓰기에서 일관성과 모범 사례를 강화하는 데 도움이 됩니다. Markdownlint를 설치하면 규칙을 위반하는 모든 줄을 물결 모양의 녹색 밑줄로 강조 표시합니다.

이 확장 기능은 일관되지 않은 제목 수준과 목록 들여쓰기부터 후행 공백과 줄 길이까지 광범위한 잠재적 문제를 확인합니다. 심지어 맨 URL이나 이미지의 대체 텍스트 누락과 같은 더 미묘한 문제도 포착할 수 있습니다.

이제 VSCode에 세 개의 Markdown 확장 프로그램이 설치되었을 것입니다. 여기서 멈추고 다음 섹션으로 이동하거나 두 개의 확장 프로그램을 더 설치할 수 있습니다. Markdown Links 는 현재 작업 디렉토리의 Markdown 파일 간의 로컬 링크를 시각적으로 표시하는 “그래프 표시” 명령을 추가하고, Markdown Preview Github Styling 은 기본 Markdown 미리 보기 기능을 GitHub의 Markdown 렌더링 모양을 모방합니다.

추천 마크다운 친화적 VSCode 테마

VSCode는 제 생각에 시각적으로 매력적인 편집기이지만, 기본 형태로도 쉽게 구할 수 있는 테마를 설치하여 모양을 사용자 지정할 수 있다는 것을 아는 것이 좋습니다. 선택할 수 있는 테마는 수천 개가 있지만, 마크다운 편집과 관련하여 몇 가지 옵션이 두드러집니다.

• Dracula Official : 전 세계에서 가장 인기 있는 테마로, 대비가 높아 장시간 글쓰기에 적합하며, 매우 활발한 개발 덕분에 향후 VSCode 버전과의 호환성이 보장됩니다.
• GitHub 테마 : 이 테마는 색맹인 사람과 GitHub에 마크다운 콘텐츠를 자주 게시하는 사람에게 적합하며, GitHub의 고유한 색 구성표를 밀접하게 반영합니다.
• 판다 테마 : 눈에 부담이 적으면서도 구문 강조를 명확하게 제공하는 미묘한 색상의 어두운 테마입니다.

눈의 피로로 어려움을 겪거나 장시간 글을 써야 하는 경우, 눈에 편안한 VSCode 테마 목록도 확인해 보세요.

VSCode에서 마크다운 편집을 더 쉽게 만드는 고급 기능

VSCode는 마크다운 형식의 소설과 논픽션 텍스트를 편집할 때 매우 유용한 여러 가지 고급 기능을 제공합니다.

알아야 할 주요 기능은 앞서 언급한 기본 마크다운 미리보기 옵션입니다. 이 분할 보기를 사용하면 한 쪽에서는 마크다운으로 쓰고 다른 쪽에서는 포맷된 출력을 볼 수 있습니다.

Open Preview to the Side 아이콘 바로 옆에 또 다른 버튼이 있다는 것을 알아두세요. 이 버튼을 사용하면 Split Editor Right 를Option 사용할 수 있고, Mac에서는 키를 누르고 AltWindows/Linux에서는 키를 눌러 Split Editor Down 을 사용할 수 있습니다 .

멀티 커서 편집을 사용하면Option 여러 곳에서 한 번에 동일한 변경을 할 수 있습니다. Mac에서는 키를 누르고 Windows/Linux에서는 키를 누른 채 추가 커서를 배치할 곳을 클릭합니다. 또는 단어를 선택하고 Mac에서는 +를 Alt누르고 Windows/Linux에서는 +를 눌러 해당 단어의 다음 발생을 선택합니다.CmdDCtrlD

종종 같은 문장, 문단, 텍스트 블록을 계속해서 반복해서 쓴다면, 스니펫 기능을 구성하여 즉시 삽입할 수 있도록 하세요. 코드 -> 설정 -> 사용자 스니펫 구성 으로 이동하세요. 마크다운을 위한 새 스니펫 파일 옵션을 선택 하고 스니펫 이름을 지정하세요. 공식 지침에 따라 스니펫 생성 프로세스를 완료하세요.

마지막으로, VSCode에서 Git 버전 제어에 익숙해지는 것을 강력히 권장합니다. 이를 통해 시간이 지남에 따라 글쓰기의 변화를 추적하고 필요한 경우 이전 버전의 문서로 돌아갈 수 있습니다. VSCode에서 Git에 대한 공식 소개는 좋은 시작점을 제공합니다.

여기에 설명된 유용한 확장 프로그램, 테마 및 기능을 사용하면 VSCode에서 Markdown 문서를 편집하는 것이 효율적이고 심지어 즐거울 것입니다. 소설과 같은 대규모 글쓰기 프로젝트의 경우 Scrivener 또는 그 대안 중 하나를 살펴보고 싶을 수 있습니다.

모든 이미지와 스크린샷은 David Morelo가 촬영했습니다.