반응형
안녕하세요, 티움입니다. 😊
혹시 VS Code에서 코딩하다가 파일 저장을 깜빡해서 코드가 날아간 경험 있으신가요?
저는... 네, 있었습니다. 😅
그리고 또 하나, 코드 저장할 때마다 들쭉날쭉한 포맷 때문에 스트레스 받아본 적도 있으실 거예요.
그래서 오늘은 이 두 가지 문제를 한 번에 해결할 수 있는,
“VS Code 자동 저장 + 저장 시 자동 코드 정리(Format On Save)” 설정 방법을 알려드릴게요.
1. VS Code 자동 저장 설정 방법
1) VS Code를 실행한 뒤 Command + , 또는 Ctrl + , 단축키로 설정 창을 열기
2) 검색창에 "auto" 입력
3) 옵션 선택
- afterDelay: 몇 초 후 자동 저장
- onFocusChange: 포커스 바뀔 때마다
- onWindowChange: 창을 벗어날 때 저장(이 옵션 추천)
2. 저장할 때 코드 자동 정리 세팅
1) VS Code를 실행한 뒤 Command + , 또는 Ctrl + , 단축키로 설정 창을 열기
2) "format on save"를 검색합니다.
2) Editor: Format On Save 항목을 체크
- 저장 전(포맷 안맞음)
- 저장 후 (js 포맷 맞춰짐)
이 설정만 해두면, 저장 깜빡 실수도 줄고, 코드 정리도 자동으로 해결됩니다
VS Code를 처음 쓰시는 분들께 꼭 추천드리는 필수 설정입니다.
VS Code를 처음 설정하신다면 꼭 한 번 적용해보세요
앞으로도 쉽게 따라할 수 있는 개발 꿀팁을 계속 공유하겠습니다.
도움 되셨다면 댓글이나 공감도 살짝 눌러주세요 :)
반응형
LIST