2026년 5월 5일 화요일

VSCode, Cursor등에서 Markdown 파일 Typora로 열기

예전 회사에서 동료가 Typora를 잘 사용하는 것을 보고, ...

나도 지금은 구매해서 잘 쓰고 있는데...

VSCode에서 Markdown 파일을 열면.. Typora로 열고 싶을 때,

내부 에디터로 Markdown 파일이 열려서, 따로 Typora로 열려면... 따로 열어줘야 하는 불편함이 있었다. 😅

그러다가,... 우연히 이번 2026년 4월에 게시된 Changelog에서,

typora 개발사에서 직접 VSCode 확장을 만들어서 배포했다는 것을 알게 되었다.

Open in Typora from VSCode or Cursor
We published the Open in Typora extension for Visual Studio Code and Cursor.
Right-click any Markdown file in the explorer or
editor tab and select “Open in Typora”to launch it directly in Typora.


See Open in Typora — VS Code Extension for installation and usage details.
Typora 1.13 변경사항 (2026년 4월 3일 게시됨)
마켓플레이스의 Typora: Open in Typora 확장

그동안 사람들이 필요성을 많이 느꼈는지? 공식 확장이 나오기전에 이미 같은 기능을 하는 확장들이 많이 있기는 했다..😅

 

설치를 해보니.. 정말로 마크다운 파일을 열 때...


위처럼 "Open in Typora" 메뉴가 추가되었고 바로 Typora를 실행할 수 있었다. 👍 

일단 편하게 쓸 수 있을 것 같다..

 

공식이라 더 믿을만할 것 같으면서도, 안정적으로 기능 추가가 될 것 같기도 하고...

하여튼... 잘 써보자!!

그런데 나중에는 VSCode 탐색기에서 Markdown 파일을 클릭했을 때 바로 Typora로 열리는 옵션도 추가되면 좋을 것 같다는 생각이 들었다. 과연 이게 기술적으로 가능한 일인지 궁금해서 AI에게 질문해 보았다.

 

Q: VSCode의 구조상.... VSCode의 탐색기의 파일을 클릭할 때... 바로 외부 프로그램을 통해 열리게 하는건 어려운가?

A: VSCode 구조상 상당히 어렵습니다. 이유는 다음과 같습니다:

왜 어려운가?

VSCode Explorer의 파일 클릭 동작은 VSCode 내부 API로 제어되는데, 파일을 클릭하면 무조건 VSCode의 에디터 탭에서 열리도록 설계되어 있습니다. 이를 가로채서 외부 프로그램으로 리다이렉트하는 공식 API가 존재하지 않습니다.

기술적 제약

  1. onDidOpenTextDocument 이벤트 - 파일이 열린 에 감지 가능하지만, 이미 VSCode 에디터에 열린 상태이므로 "대신 외부 프로그램으로 열기"는 불가능합니다.

  2. Custom Editor API (CustomEditorProvider) - 특정 확장자를 커스텀 에디터로 처리하게 할 수 있습니다. Typora 확장이 이론적으로 .md 파일의 Custom Editor로 등록하면 클릭 시 가로챌 수 있지만:

    • Custom Editor는 VSCode 내부 WebView 안에서 렌더링되는 방식이라, 외부 앱 실행 후 탭을 닫는 것은 UX상 어색합니다.

    • 탭이 열렸다가 즉시 닫히는 깜빡임이 발생할 수 있습니다.

  3. workbench.editorAssociations 설정 - 파일 확장자별로 에디터를 지정할 수 있지만, 이것도 VSCode 내부 에디터에 한정됩니다. 외부 프로세스로 연결하는 옵션은 없습니다.


현실적인 대안

현재로서 가장 가까운 구현은 Custom Editor Provider를 이용해:

  1. .md 클릭 시 Custom Editor가 가로챔

  2. Typora를 child_process.exec()로 실행

  3. WebView에는 "Typora에서 열림" 안내 메시지만 표시

이 방식이라면 탭이 열리기는 하지만 Typora도 동시에 실행되는 형태가 됩니다. 완전히 "클릭 → 외부 앱으로만 열림"은 현재 VSCode Extension API로는 구현이 불가능한 상태입니다.

결론적으로 블로그 글 마지막의 희망사항은 VSCode 코어 팀이 API를 추가해주지 않는 한 실현되기 어렵습니다.

Q: 그래서 오른쪽 메뉴로만 Typora를 여는 기능을 추가 해준걸까? 😅

A: 네, 정확히 그렇습니다.

우클릭 컨텍스트 메뉴는 VSCode Extension API에서 menus contribution point로 간단하게 등록할 수 있고, 사용자가 명시적으로 선택하는 동작이라 외부 프로그램 실행과 자연스럽게 연결됩니다.

반면 탐색기에서 파일을 클릭하는 동작은 VSCode가 내부적으로 처리하는 영역이라 확장이 가로챌 수 없으므로, Typora 개발사도 현실적으로 구현 가능한 방식인 우클릭 메뉴로만 제공한 것입니다.


VSCode 탐색기에서 바로 실행은 쉬운 일이 아닌가 보네? 😂😂😂


댓글 없음:

댓글 쓰기