vs code 설치 및 단축키

VS code 설치 완료

개발 시작에 앞서 여러 온라인 강의 및 블로그에서 많이 본 텍스트 에디터로 IDE는 아니라고 한다. 기존 Sublime Text3 를 사용하고 있었는데, 서브라임에는 많이 익숙해져서 새로운 에디터를 사용해보고자 설치했다.

아래 링크로 가면 설치가능.
https://code.visualstudio.com/

설치한 Extensions

1. Atom One Dark Theme
   html부터 만드는 데 갑자기 낯선 파란색의 향연이 일어나 theme 중 가장 첫번재에 있는 테마를 다운받았다. 익숙하다.

2. Auto Rename Tag
   아직 본격적으로 코딩을 시작한 건 아니고 프로젝트 기획 및 사전조사 단계이긴한데, 그냥 이것저것 만져보는 것만으로도 아주 편한 익스텐션이란 걸 알 수 있었다.

3. IntelliSense for CSS, SCSS class names in HTML
   아직 제대로 사용해보지는 않아 정확히 무엇인지는 모르겠으나 class name 정할 때 유용한가보다.

4. Korean Language Pack for Visual Studio Code
   VS code용 한국어 팩. 한국사람은 한국어.

VS code 단축키 - 기본 편집

들여쓰기: ctrl + ]
내어쓰기: ctrl + [

행 삭제: ctrl + shift + k
현재 행 주석처리: ctrl + k + u 또는 ctrl + /

** 공식 홈페이지에는 ctrl + / (주석토글), ctrl + k, ctrl + u (행 주석 제거) , ctrl + k, ctrl + c (행 주석 추가) 로 모두 명령의미가 다르다. 직접 실행해봤을 땐 뭐가 다른지 잘 모르겠음.

현재 영역 접기: ctrl + k + [
현재 영역 펼치기: ctrl + k + ]

VS code 단축키 - 언어 편집

심볼 이름 바꾸기: 해당 심볼에 커서를 두고 f2

VS code 단축키 - 파일 관리

모두 저장: ctrl + ks
다른 이름으로 저장: ctrl + shift + s

Visual Studio Code tutorial link
https://demun.github.io/vscode-tutorial/shortcuts/