VisualStudio Code 기능 & Extension

1. peek
   • F12: 함수에 커서를 올리면 해당 함수로(함수가 있는 파일) 이동된다.
   • alt(window)/option(mac) + F12: 파일 이동없이 현재 파일에서 추가창 위에 해당 함수의 파일이 보여진다.

HTMl CSS Support + CSS Peek
extension 설치 시 css의 id와 class도 볼 수 있다. (단축키는 동일)

2. 리팩토링

• 단축키: ctrl(window)/command(mac) + shift + R
• 코드에 블럭을 지정하고 단축키를 누르면 해당 코드를 함수,상수로 지정하거나 외부 파일로 빼낼 수 있다.

3. 변수/함수명 변경(전체파일 변경)

• 단축키: F2
  

4. emmet

• HTML, CSS 작성시간을 단축시켜준다.

5. shortcut

• Highlight: ctrl(window)/command(mac) + L
• row up/down: alt(window)/option(mac) + ↑/↓
• row copy: shift + alt(window)/option(mac) + ↓
• terminal open: ctrl + `

6. 검색

• 현재파일 내 검색: ctrl(window)/command(mac) + F
• 파일명 검색: ctrl(window)/command(mac) + P
• 전체 파일 내 검색: ctrl(window)/command(mac) + shift + F
  

참고자료
코딩시간을 절반으로 줄여주는 VSCode 9개 기능
비주얼 스튜디오 코드의 11가지 유용한 기능