vsCode기초 셋팅

vscode설정

📌extension
🔎liveServer설치 : 브라우저에 저장시 마다 자동으로 반영 시켜주는 라이브러리
🔎prettier설치 : ctrl + p -> open setting검색 -> save검색 -> editor:format on save체크, default검색 -> editor: default formatter 에서 prettirr선택
(코드를 저장하면 정리 해주는 라이브러리)
🔎explorer 확장에서 ESLint다운로드 : 에러같은것 미리 보여주고 에러에 대한 설명이 나오게 해주는 기능
(프리티어 ESLint거의 사용)

📌자주쓰는 키보드 설정
ctrl + p -> keyboard(기본설정:바로가기키 열기(JSON)들어가면 처음일 경우 아무것도 없다) -> 아래 코드 붙여 넣기
// 키 바인딩을 이 파일에 넣어서 기본값 재정의

[
  {
    "key": "ctrl+t",
    "command": "editor.action.addSelectionToNextFindMatch",
    "when": "editorFocus"
  },
  {
    "key": "ctrl+d",
    "command": "-editor.action.addSelectionToNextFindMatch",
    "when": "editorFocus"
  },
  {
    "key": "ctrl+numpad2",
    "command": "editor.action.insertCursorBelow",
    "when": "editorTextFocus"
  },
  {
    "key": "ctrl+numpad8",
    "command": "editor.action.insertCursorAbove",
    "when": "editorTextFocus"
  }
]

코드 기능 설명
위의 기능(작업을 효율적으로 하기 위한 설정)
ctrl + alt + 화살표 아래 : 커서가 있는 변수가 복사 된다
ctrl + d : 삭제
ctrl + shift + l : 드래그한 것이랑 같은 것이 모두 선택이 되어 한번에 변경 가능
ctrl + t : 드래그한 값이랑 같은 것이 한단계씩 아래로 이동 한다
ctrl + numberpad 2번 : 커서가 아래로 움직인다
컨트롤 + 넘버패드(8) : 커서 위로 하나 더 생김
컨트롤 + 넘버패드(2) : 커서 아래로 하나 더 생김