단축키
| 단축키 |
설명 |
| ctrl + shift + 좌/우 |
선택 영역 확장/축소 |
| option + 위/아래 |
블록간 이동 |
| command + shift + \ |
마지막 블록으로 이동 |
| F2 |
rename |
| F12 |
정의부로 이동 |
| option + shift + F12 |
사용하는 코드 탐색 |
| command + 0 |
파일 탐색기 포커싱 |
| command + 1 |
에디터 포커싱 |
| ctrl + ` |
터미널 포커싱 |
| command + shift + . |
브레드크럼 포커싱 |
| shift + 좌/우 |
브레드크럼에서 이동 |
| command + p |
파일로 이동 |
| command + shift + p |
모든 명령어 표시 |
| command + t |
심볼을 이용해서 파일로 이동 |
| command + shift + o |
파일 내의 심볼 바로가기 |
| command + k + s |
단축키 목록 보기 |
| command + option + ]/[ |
블록 펴기, 접기 |
| command + d |
같은 단어 선택 |
| option + click |
중복 커서 |
| command + / |
주석 |
| option + shift + i |
선택 영역 중독 커서 |
| option + shift + drag |
선택 영역 중독 커서(마우스 기준) |
| command + 위/아래 |
최상위 / 최하위 로 이동 |
| command + b |
사이드바 숨기기 |
| command + i |
자동완성 |
terminer에서 노드 실행하기
- command + shift + p
- path 입력
- 셸 명령 : PATH에 ‘code’ 명령 설치
확장 프로그램
- JS 작성에 도움을 줍니다.
- 사용하기 위해 설치가 필요합니다.
npm install -g eslint
eslint init
- .eslintrc.js 파일이 생성 됩니다.
- .eslintgnore 파일에 ESLint가 무시행야하는 파일이나 디렉터리를 추가할 수 있습니다.
- VScode에서 바로 실행합니다.(5000 포트 사용합니다.)
- Prettier를 사용하여 JavaScript / TypeScript / CSS를 포맷하는 VS 코드 패키지 입니다.
- indent를 보기 쉽게 여러개의 색으로 표현해 줍니다.
- commande + click으로 해당 css가 정의된 곳으로 이동합니다.
- 작업 영역에있는 정의 또는 링크 요소를 통해 참조되는 외부 파일을 기반으로 HTML 클래스 특성에 대해 CSS 클래스 이름 완성을 제공 합니다.
- * 강조 표시된 텍스트
- ! 오류 및 경고
- ? 질의 및 질문
- // 취소 선
- TODO 할 일
사용하지 않게 된 확장 도구들
- option + w 를 이용하여 선택한 내용을 HTML(p) 태그로 래핑 합니다.
- ES6 구문의 JavaScript 코드 작성에 도움을 줍니다.
