vscode 익스텐션/설정 추천

[woohm402]

익스텐션

• auto complete tag - <div> 까지만 입력하면 <div></div> 가 되는 등 태그 쓰기 훨씬 편해집니다.
• codesnap - 코드를 이쁘게 캡쳐할 수 있습니다.
• gitLens - 특정 줄에 커서가 가면 해당 줄의 깃 히스토리가 흐리게 보입니다. 내가 왜 옛날에 이딴 코드를 짰지? 할때 추적하기 편합니다.
• powermode - 음.. 일단 저는 씁니다.
• vscode-pets - vscode 왼쪽 밑에 고양이를 키울 수 있습니다. 돌도 키울 수 있습니다.

설정

• format on save -> 항상 켜두시길 추천드립니다. 저장할 때마다 vscode가 자동으로 코드 포맷팅을 해줍니다.
• cursor smooth caret animation -> on 으로 두시면 커서가 부드럽게 움직여서 눈이 편합니다.
• cursor blinking -> smooth 로 해두시면 커서가 부드럽게 깜박깜박거려서 눈이 편합니다.

테마

• dracula - 프론트 근본 테마입니다. 예쁩니다.
• github - 깃헙 테마들을 vscode에서도 쓸 수 있습니다. 저는 이거 씁니다.
• synthwave 84 - 가끔 힙하고 싶을때 power mode랑 같이 쓰면 최고입니다. 진짜 극한을 보고 싶으시다면 synthwave 84 fluromachine 이라는 친구도 있습니다.

폰트

• Jetbrains Mono - 근본 제트브레인에서 만든 폰트입니다. 인텔리제이 계열 ide랑 같은 폰트기 때문에 익숙하고 예쁠 수 있습니다.
• D2Coding - 네이버에서 만든 건데 대충 비슷한 느낌으로 예쁩니다.
• Fira Code - 좀더 힙한 글씨체입니다. 가령 === 이렇게 입력하면 그 합동기호처럼 줄 세개짜리로 만들어주고.. 하는 등 기능이 있습니다. 저는 이거 쓰고 있습니다.
• press start 2p - 얘도 파워모드랑 같이 쓰면 찰떡입니다. 눈이 많이 나빠질 수 있습니다.