[VS Code] 자주 사용하는 VS Code 단축키와 플러그인 추천
안녕하세요! 😊 hr0513입니다.
VS Code에서 사용하면 유용한 단축키와 플러그인을 소개해드리려고 해요!
코딩 작업을 더 빠르고 효율적으로 만들어 줄 꿀팁들이니, 한 번씩 활용해 보세요.
1. 자주 사용하는 VS Code 단축키
탭 이동하기
Windows | Mac |
Ctrl + Tab | Cmd + Tab |
열려 있는 탭 간에 빠르게 이동할 수 있어요.
파일을 여러 개 열어 놓고 작업할 때 시간을 절약할 수 있습니다.
현재 라인 복사
Windows | Mac |
Shift + Alt + ↓ | Shift + Option + ↓ |
현재 라인을 복사해서 아래에 바로 붙여 넣습니다.
같은 코드를 반복해서 쓸 때 유용해요.
코드 포맷팅
Windows | Mac |
Shift + Alt + F | Shift + Option + F |
코드 스타일을 일관성 있게 유지할 수 있도록 자동으로 포맷팅해 줍니다.
2. 필수 VS Code 플러그인
Prettier - Code formatter

코드를 자동으로 정렬해 주는 플러그인이에요.
팀원들과의 코드 스타일을 맞출 때 유용하며, 설정해 두면 저장할 때마다 코드가 자동 정렬됩니다.
Live Server

HTML 파일을 수정할 때마다 새로고침 없이 결과를 바로 볼 수 있습니다.
ESLint

자바스크립트 코드에 실수가 없는지 검사해주는 플러그인입니다.
특정 코드 규칙을 설정해 코드 품질을 유지할 수 있어서 유용해요.
Path Intellisense

경로 자동 완성 기능을 제공하는 플러그인입니다.
파일 이름을 기억할 필요 없이 자동으로 경로를 제안해 주어 편리합니다.
3. 생산성을 높이는 VS Code 팁
테마 설정 - Atom One Dark Theme

테마를 설정해 가독성을 높여보세요.
눈에 편한 색상 조합을 선택하면 장시간 코딩할 때 피로를 줄일 수 있습니다.
폴더 아이콘 - Material Icon Theme

VS Code의 기본 폴더 아이콘을 귀엽고 깔끔한 디자인으로 변경해 줍니다.
자주 사용하는 VS Code 단축키와 플러그인을 추천해 드렸는데요!
VS Code를 사용하시는 불들께 조금이나마 도움이 되었으면 좋겠습니다 🥰
