VS code 비쥬얼 코드 설정하기

크롬으로 설정

ctrl shift p

configure task

 

 

 

크롬으로 설정 바꾸기

 

 

ctrl shift b 로 결과 확인

 

 

---

 

확장 옵션

• 한글 확장팩 korean
• 라이브 서버 : alt + L, alt +O 단축키를 통해 정적파일 브라우저로 확인 가능
• Auto Rename Tag : 양쪽 태그중 하나만 수정하면 양쪽다 수정됨
• Bracket Pair Colorizer : 자바스크립트 () {} [] 등을 잘 볼 수 있게 색을 다르게 함
• JavaScript (ES6) snippets
• Auto Rename Tag
• Auto Close Tag
• Bracket Pair Colorizer2
• Color Hightlight
• Highlight Matching Tag
• vscode-icons
• vscode-styled-components

 

설정

• 색테마
• Format On Save : 설정시 파일저장과 동시에 자동 정렬

 

단축키

• Ctrl + Enter : 문장의 끝이 아니더라도 한줄 뛰음(라인 브레이크)
• Shift + Alt + 아래화살표: 복사
• Ctrl + 좌/우 화살표 : 해당 문장에서 단어 사이 움직임
• Alt 키를 누른채 커서 이동 : 멀티 커서 선택
• Ctrl + A => 전체 선택 , Ctrl + K + F => 선택된 코드들을 자동정렬