Markdown에서 표를 작성하는 VSCode 확장 기능을 만들었습니다.

Markdown 표기법을 사용하여 표를 작성할 때 "표 구성"과 "셀 내용"을 구분하여 설명할 수 있는 VSCode 확장 기능인 "markdowncat"을 만들었습니다.
코드 블록명을 mdcat.table 로 하면 ↓ 와 같은 표를 쓸 수 있습니다.


코드
미리보기 표시






확장 기능의 자세한 사용법은, 여기 에 있으므로 참고로 해 주세요.

정책

VSCode의 마크다운 미리보기는 markdown-it이라는 라이브러리를 사용합니다. 그런 다음 markdown-it은 플러그인에서 기능을 추가할 수 있습니다. 그래서 markdown-it 용 플러그인을 만들고 Markdown 기법을 사용자 정의하기로 결정했습니다.

npm 라이브러리로 만들기

모처럼 markdown-it 의 플러그인으로서 기능을 구현하므로, 마크다운의 커스텀 코드를 html 로 변환하는 부분을 npm 라이브러리로 해 공개했습니다.
htps //w w. 음 pmjs. 코 m / Pac 카게 / 마 rk 드 w-t-md 또는 t-b b

마지막으로

markdowncat은 VSCode 확장으로 검색하여 설치할 수 있으므로 놀아보세요.

또, npm 라이브러리로 했으므로, 다른 마크다운 라이브러리로 이용하기 쉬워진 것이 아닐까 생각합니다. markdowncat과 markdown-it-mdcat-table이 도움이 되길 바랍니다.

참고 자료

htps : // 여기.ゔぃすあ lsつぢお。 코 m / 아피 / 에 x 텐시 온구 이데 s / 마크 드 w 응 - x 텐시 온
htps : // 여기.ゔぃすあ lsつぢお。 코 m / 도 cs / 똥 구게 s / 마크 도 w