[Notepad] VSCode 환경설정 및 단축키

2019.07.29(월) VScode 환경설정

 

Nodejs 설치

• https://nodejs.org/ko/ 에서 설치
• 그 후 cmd에서 node -v 하면 버전이 나오면 설치 완료
• npm -v 를 해서 같이 버전 확인해서 설치가 되었는지 확인하기 

VSCode 설치 후 환경설정 할 때 반드시 깔아야 될 것들

• ESLint 
• Relatice Path 
  • 경로 작성할 때 편하다. 
• guides 
  
  • 들여쓰기가 잘 못 되었을 때 체크를 해준다. 
• Reactjs code snippets 
  • [개발자 : charalampos karypidis] 인 것 찾아서 install

* 주의 할 점

단축키를 다른 툴에서 변환하는 툴을 깔면 VSCode와 충돌이 발생하기 때문에 VSCode 단축키를 그냥 사용해라. 포맷까지 사용해야 될 수도 있다.

 

알아둬야 할 VSCode 단축키

• F2 : 폴더 rename
• Ctrl + F5 : 실행
• Ctrl + K + F : 블록 지정 후 누르면 자동 들여쓰기
• Copy : 블록을 잡지 않고 커서만 지정해 놓고 Ctrl + C 누르면 복사가 됨
• A/t + Shift + 방향키 or Ctrl + 마우스로 옮기기 : 블록 지정 후 누르거나 마우스로 옮기면 복사가 된다.
• Ctrl + '+', '-' : 폰트 크기 조절
• Ctrl + \ : 코드 화면 분할(하나의 코드를 상위 코드, 하위 코드를 같이 보려고 할 때 유용)
• A/t + Shift + A : 블록 지정 후 누르면 전체 주석(/* */)
• A/t + 방향키 : 특정 라인이나 특정 블록 이동
• 사이트 참고 : https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf