2. 설정
더블 클릭 모드로 변경
자동 들여쓰기 금지
코드창 자동 줄바꿈
Tab을 공백 크기 4로 변경
코드 펼치기, 접기 항상 보이게
파일 창에 특정 파일이나 폴더 안보이게 하기
에디터 자체의 글자 크기
닫는 태그 자동으로 입력 안되게
editor 및 탭 배경 색 변경
파일 탭 모두 보이게
에디터 종료시 팝업창 보이게
더블 클릭 모드로 변경
  1. "Ctrl + ," 단축키로 설정창을 연다(또는 Menu의 [File] > [Preferences] > [Settings] 선택)
  2. 왼쪽 에서 Workbench 선택 한 후 List:Open Mode를 singleClick에서 doublicClick으로 변경한다.
  3. 왼쪽 에서 Workbench 선택 한 후 Tree: Expand Mode를 singleClick에서 doublicClick으로 변경한다.
+show image
자동 들여쓰기 금지
엔터키나 붙여 넣기를 할때 자동 들여쓰기 금지
  1. "Ctrl + ," 단축키로 설정창을 연다(또는 Menu의 [File] > [Preferences] > [Settings] 선택)
  2. 왼쪽에서 Text Editor를 선택한 후 Auto Indent를 none으로 변경한다.
+show image
코드창 자동 줄바꿈
  1. "Ctrl + ," 단축키로 설정창을 연다(또는 Menu의 [File] > [Preferences] > [Settings] 선택)
  2. Commonly Used에서 "Editor: Word Wrap"을 on으로 변경
+show image
Tab을 공백 크기 4로 변경
[Ctrl + Shift + P] 키를 눌러 "Indentation"을 입력한 후 "들여쓰기를 공백으로 변환"을 선택한 후 4를 선택한다.
+show image
코드 펼치기, 접기 항상 보이게
  1. "Ctrl + ," 단축키로 설정창을 연다(또는 Menu의 [File] > [Preferences] > [Settings] 선택)
  2. 설정의 검색 창에서 "showFoldingControls"를 찾은 후 "mouseover"에서 "always"로 변경한다.
+show image
파일 창에 특정 파일이나 폴더 안보이게 하기
  1. "Ctlr + ," 단축키로 설정창을 연다.
  2. 설정의 검색 창에서 "files:exclude"를 입력하고, "Files: Exclude" 에서 보이지 않기를 원하는 파일이나 폴더를 패턴을 통해 지정하면 된다.
    아래의 그림 확장자가 .png 파일을 파일 창에 표시 하지 않도록 한 것이다.
  3. 연필 버튼은 패턴 수정, X버튼은 패턴을 삭제할 수 있다.
+show image
에디터 자체의 글자 크기
에디터 차체(파일 탐색기, 메뉴 등)의 글자 크기 키우기
  1. "Ctlr + ," 단축키로 설정창을 연다.
  2. 설정의 검색 창에서 "zoom level"를 입력하고, "Window: Zoom Level" 에 숫자를 입력 한다.
+show image
닫는 태그 자동으로 입력 안되게
  1. "Ctlr + ," 단축키로 설정창을 연다.
  2. 설정의 검색 창에서 "Closing Tags"를 입력하고,
         HTML : Auto Closing Tags,
         Javascript : Auto Closing Tags,
         TypeScript : Auto Closing Tags
    위 항목에 체크를 해지한다.
  3. 설정의 검색 창에서 "Closing Quotes"를 입력하고,
         Editor : Auto Closing Delete,
         Editor : Auto Closing Overtype,
         Editor : Auto Closing Quotes
    위 항목을 naver로 변경한다.
+show image


editor 및 탭 배경 색 변경
  1. "Ctlr + ," 단축키로 설정창을 연다.
  2. 설정의 검색 창에서 "workbench.colorCustomizations"를 입력한다.
  3. Edit in settins.json을 선택한다.
  4. settins.json이 열리면 다음과 같이 입력한다.
    "workbench.colorCustomizations": { "editor.background": "#ececec", // 에디터 배경객 "tab.activeBackground": "#ffffff", // 활성화 된 탭 배경객 "tab.inactiveBackground": "#ececec" // 비활성화 된 탭 배경객 }
파일 탭 모두 보이게
  1. "Ctlr + ," 단축키로 설정창을 연다.
  2. 설정의 검색 창에서 "workbench.editor.wrapTabs"를 입력한다.
  3. "Workbench > Editor: Wrap Tabs"를 체크한다.
+show image
에디터 종료시 팝업창 보이게
  1. "Ctlr + ," 단축키로 설정창을 연다.
  2. 설정의 검색 창에서 "confirmBeforeClose"를 입력한다.
  3. "Window: Confirm Before Closebs"를 always로 변경한다.