vscode tutorial

 

난잡하게 여러 에디터를 사용하기 보다는 범용성 있는 vscode를 진득하게 사용하기로 하였다. 기본적인 tutorial이다.

 

주요 구성 요소

명령팔레트 : 모든 명령 접근 가능, 단축키: ctrl+shift+p, ?를 입력하면 명령창에서 수행할 수 있는 명령어를 보여줌

빠른열기 : 모든 파일을 단축기로 열 수 있음 , 단축키: ctrl+p

단축키 : ctrl+k, ctrl+s로 열람 가능, keybindings.json 파일을 통해 지정 가능

기본 설정 : ctrl+,

터미널 : ctrl+'

사이드바 전환 : ctrl+b

나란히편집 : ctrl+\, ctrl+num으로 창을 왔다가 갔다 할 수 있

다중커서 : ctrl+alt+마우스 커서, up or down

행 복사 : shift+alt+up or down, 마우스 커서

코드접기/펴기 : ctrl+shfit+[ , ctrl+shfit+]

 

workspace : visual studio code에서 제공하는 기능, 작업 중인 파일, 폴더를 한 번에 볼수 있도록 띄어주는 역할을 수행한다.  다중 루트 기능을 제공한다.

 

Workspace의 구성 요소

1) 폴더(Folders)

• 하나 이상의 폴더를 작업 공간에 추가할 수 있음
• 각 폴더는 하나의 프로젝트로 간주 가능

2) 설정(Settings)

• settings.json: 해당 작업 공간에만 적용되는 설정
  • 예: 특정 프로젝트에만 ESLint 사용, 특정 경로 무시 등
• launch.json: 디버깅 구성
• tasks.json: 빌드, 테스트 등 자동화 작업

디버그

f9	중단점 토글	editor.debug.action.toggleBreakpoint
f5	디버그 시작	workbench.action.debug.start
f5	디버그 확인	workbench.action.debug.continue
ctrl+f5	시작(디버깅하지 않음)	workbench.action.debug.run
f6	중지	workbench.action.debug.pause
f11	들어가기	workbench.action.debug.stepInto
shift+f11	스텝 아웃	workbench.action.debug.stepOut
f10	스텝 오버	workbench.action.debug.stepOver
shift+f5	중지	workbench.action.debug.stop
ctrl+k ctrl+i	호버 표시	editor.debug.action.showDebugHover

작업주자 목록

ctrl+shift+b

빌드 작업 실행

workbench.action.tasks.build

 

https://demun.github.io/vscode-tutorial/

시작 - Visual Studio Code tutorial