비주얼 스튜디오 코드 VSC 자동 줄바꿈

---

이 포스팅은 PC로 작성되었습니다.

모바일로 보시는 분들에게는 가끔

줄 바꿈이 어색하게 보일 수 있습니다.

 

---

 

 

 

메모장보다 훨씬 편리한 코드 에디터

블로그의 html 카테고리에 위와 같은 글을 작성하면서 아톰 Atom이라는 코드 에디터와 현재 제가 사용하고 있는 요즘의 대세인 비주얼 스튜디오 코드 Visual Studio Code를 소개한 적이 있습니다.

 

이번의 포스팅에서는 그 비주얼 스튜디오 코드의 좀 더 편리한 코딩 환경을 위해 자동 줄바꿈이 되게 설정하는 법을 알아보겠습니다.

 

 

 

Visual Studio Code, 한줄이 길게 표시되는 문제

 

Enter를 치지 않고 한줄로 코드가 길게 작성될 시에 비주얼 스튜디오 코드는 코드 에디터 하단에 이렇게 스크롤 바가 생기면서 계속 한 줄로 길게 작성이 됩니다.

보기에도 예쁘지 않고, 코드 경량화를 위해 minify라도 할 시에는 코드를 확인하기도 힘들어질 것입니다.

 

 

 

이제부터 설정을 바꿔보겠습니다.

비주얼 스튜디오 코드의 좌측 하단의 톱니바퀴 모양의 설정 아이콘을 클릭해서 세팅 settings으로 들어가줍니다.

 

 

 

세팅 상단의 검색을 통해서 wordwrap을 검색하고, Editor: Word Wrap을 off에서 on으로 바꿉니다.

 

 

 

바로 세팅이 자동으로 저장이 됩니다.

 

 

 

그리고 아까 전의 한 줄로 길게 늘어져있었던 소스 코드를 다시 확인하면 이렇게 보기 좋게 자동으로 다음 줄로 넘어가 있는 것을 확인할 수 있습니다.

 

 

 

---

이 글이 도움이 됐다면 하단의 ♡ 공감 버튼을 꾹 눌러서
빨간 하트♥로 만들어주세요.
지인에게 보여주고 싶은 글이었다면
공감 버튼 옆을 클릭해서 SNS에 공유해주세요.
댓글은 블로그 운영에 큰 힘이 됩니다.

 

---