여기는 코드를 하면서 비쥬얼스튜디오 코드르 좀더 효율적으로 사용하기 위한 팁을 정리할 목적으로 사용 할 블로그 내용이다.

단축키 모음

ctrl + m >>> Tab으로 포커스이동, 메뉴이동 설정
Tab >>> 기본값은 문장의 들여쓰기 이동 또는 메뉴이동
문장선택 + Tab >>> 선택한 문장 동시에 들여쓰기
ctrl+alt+좌우 방향키 >>> 생성된 파일의 화면분할 및 화면 통합
ctrl+alt+위아래 방향키 >>> 커서의 문장 확대
alt + 위아래 방향키 >>> 문장을 원하는 문단순서로 보냄
alt + 좌우 방향키 >>> 마지막 이전 커서의 위치로 보냄(파일끼리도 동일)
ctrl + 위아래 방향키 >>> 커서는 그대로 위치하면서 화면만 위아래 움직임
ctrl + 좌우 방향키 >>> 커서를 단어 단위로 띄어서 이동
alt + shift + 위아래 방향키 >>> 커서가 위치한 문단을 복사하여 방향으로 이동
ctrl + Tab >>> 실행되고 있는 파일끼리의 탭 이동
ctrl + s >>> 파일 저장
alt + L + O >>> live server 띄우기
ctrl + shift + L >>> 문장 선택 후 실행하면 같은 문장에 커서가 동시에 위치
ctrl + b >> 폴더트리 닫기 또는 열기

드림코딩의 유용한 단축키, 기능 동영상 보러가기

유용한 마켓플레이스

1. Auto Rename Tag
   자동으로 HTML 의 이름을 만들어주는 툴

2. Korean Language
   한국어로 패치, 설정 툴을 한국어로 바꾸어주는 툴

3. Live Server
   라이브서버가 실행 된 상태에서 실시간으로 저장하면 그 코드가 실행되어 페이지를 확인할 수 있음

4. Material Icon Theme
   JavaScript나 HTML 파일을 생성할때 직관적으로 파일 모양을 바꾸어주는 툴

5. Material Theme
   코드작성의 바탕화면 색상을 설정함(잘보이고 직관적이게 바꿀 수 있음)

6. Material Theme Icons
   VSC에서 보이는 폴더들의 색상을 변경가능

7. Prettier -Code formatter
   좀더 코드스러운 폰트로 변경가능

8. Reactjs code snippets
   React로 작업 시 반복되는 작업은 자동완성 시켜줌