일상/일상 꿀팁

[VS Code] 자주 사용하는 VS Code 단축키와 플러그인 추천

hr0513 2024. 11. 11. 10:45
728x90
반응형

안녕하세요! 😊 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를 사용하시는 불들께 조금이나마 도움이 되었으면 좋겠습니다 🥰

728x90
반응형