웹개발/JavaScript

CodeSnap으로 캡처하자: VSCode 코드 캡처 라이브러리

튼튼발자 2024. 11. 11. 18:22
728x90

혹시 기술블로그 보다보면 이런식으로 코드표현된거 본적 있지 않으신가요?

 본적이 없다고 하더라도
- 깃헙에 ReadMe파일을 작성할때 코드를 예쁘게 보여주고 싶은 경우
- 기술블로그에 코드를 올리고 싶은데 밋밋해 보일때
- 코드리뷰할 때 특정 부분만 캡쳐해서 공유하고 싶을때

이럴때 사용하기 좋은 라이브러리가 있는데요,

VSCode의 확장프로그램

CodeSnap입니다!
Crtl + Shift + X 단축키로 확장프로그램 창을 연 후,
CodeSnap입력후 찾아서 설치하시면 됩니다.


설치 후, 코드캡쳐 방법

1. 캡처할 코드를 드래그 합니다.

2. 우클릭 후 하단의 CodeSnap을 선택한다.

3. (1)번을 눌러 이미지를 저장하거나, (2)번을 우클릭하여 복사할 수 있다.

 

728x90