반응형
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- Eclipse
- windows
- CMD
- 테이블
- Visual Studio Code
- table
- javascript
- IntelliJ
- 이클립스
- list
- Button
- string
- Array
- 이탈리아
- 인텔리제이
- 자바스크립트
- date
- 배열
- 자바
- Maven
- ArrayList
- json
- html
- Java
- vscode
- input
- CSS
- 문자열
- js
- Files
Archives
- Today
- Total
어제 오늘 내일
[VSCode] 저장 시 자동정렬 설정하기 본문
프로그래밍을 할때,
들여쓰기만 잘 되어 있어도 가독성 높은 코드를 만들 수 있습니다.
VSCode는 사용자가 타이핑을 할 때, 복사한 코드를 붙여 넣을 때, 파일을 저장할 때
자동으로 코드를 정렬해 주는 기능을 제공합니다.
이 기능을 활성화하는 방법입니다.
1. Setting(설정) 메뉴로 이동합니다.
다음 중 한가지 방법을 선택하여 설정 메뉴에 들어갑니다.
- File > Preperences > Settings 메뉴 이용
- 화면 왼쪽 하단의 톱니바퀴 모양의 '설정' 아이콘 이용
- 단축키 : 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의 자동 정렬 기능을 이용하여,
코드를 작성할 때, 붙여넣을 때, 저장할 때 자동으로 정렬이 되도록 하는 방법을 알아보았습니다.
반응형
'IT > VSCode' 카테고리의 다른 글
[VSCode] 파일 목록에서 특정 폴더/파일 제외하기 (0) | 2021.04.30 |
---|---|
[VSCode] 글자 크기, 폰트 사이즈 조정하는 2가지 방법 (2) | 2021.04.15 |
[VSCode] 들여쓰기(indent) 간격 설정(3) _ 기존파일 변경하기 (1) | 2020.06.21 |
[VSCode] 들여쓰기(indent) 간격 설정(2) _ 기존파일 (0) | 2020.06.21 |
[VSCode] 들여쓰기(indent) 간격 설정(1) (0) | 2020.06.21 |
Comments