어제 오늘 내일

[VSCode] 저장 시 자동정렬 설정하기 본문

IT/VSCode

[VSCode] 저장 시 자동정렬 설정하기

hi.anna 2020. 12. 7. 08:45

 

 

프로그래밍을 할때, 

들여쓰기만 잘 되어 있어도 가독성 높은 코드를 만들 수 있습니다.

VSCode는 사용자가 타이핑을 할 때, 복사한 코드를 붙여 넣을 때, 파일을 저장할 때

자동으로 코드를 정렬해 주는 기능을 제공합니다.

 

이 기능을 활성화하는 방법입니다.

 

 1. Setting(설정) 메뉴로 이동합니다. 

다음 중 한가지 방법을 선택하여 설정 메뉴에 들어갑니다.

  1. File > Preperences > Settings 메뉴 이용
  2. 화면 왼쪽 하단의 톱니바퀴 모양의 '설정' 아이콘 이용
  3. 단축키 : Ctrl + , 이용

 

 2. User > Text Editor > Formatting 

  • Format On Paste
    • 사용자가 코드를 붙여넣기 했을 때, 자동으로 코드를 정렬해 줍니다.
  • Format On Save
    • 사용자가 코드를 저장 했을 때, 자동으로 코드를 정렬해 줍니다.
  • Format On Type
    • 사용자가 코드를 입력할 때, 자동으로 코드를 정렬해 줍니다.

 

설정 화면의 오른쪽 상단의 문서 모양을 클릭해서, 직접 설정 값을 입력 할 수도 있습니다.

  • "editor.formatOnPaste" : true
  • "editor.formatOnSave : true
  • "editor.formatOnType" : true

 

 

 3. 코드 입력 시 자동 정렬 (Format On Type) 

코드가 입력되고, 엔터를 칠 때마다 자동 정렬이 되고 있습니다.

 

 

 4. 코드 붙여넣기 시 자동정렬 (Format On Paste) 

정렬되지 않은 코드를 복사해서 붙여넣기 했을 때, 자동으로 들여쓰기가 되고 있습니다.

 

 

 5. 파일 저장 시 자동 정렬 (Format On Save) 

정렬되지 않은 코드를 저장할 때, 자동으로 정렬이 되고 있습니다.

 

 

VSCode의 자동 정렬 기능을 이용하여,

코드를 작성할 때, 붙여넣을 때, 저장할 때 자동으로 정렬이 되도록 하는 방법을 알아보았습니다.

 

 

반응형
Comments