<HTML 기초> 01. 코드 에디터 환경 설정

필자는 HTML 코드 에디터로 Visual Studio Code를 사용하였다. 사용하기에 앞서 편리한 프로그래밍 환경을 위해 몇가지 설정을 하였다.

먼저 컬러 테마를 바꿔주었다. 왼쪽의 Extentsions 를 클릭하고 원하는 테마를 검색한다. 필자는 다크모드를 선호하므로 다크모드에 맞는 테마를 검색하였다.

install버튼을 클릭하여 설치한다.

설치 후 Ctrl+Shift+P 를 눌러서 Color Theme을 검색하여 Preferences:Color Theme을 클릭하면 설치되어있는 컬러테마들이 뜨게된다. 거기서 설치한 테마를 클릭하면 에디터의 테마가 변경된다.

다음은 프리뷰창이다. 위에서 설명한 방법으로 Extentions에서 preview를 검색하여 원하는 확장프로그램을 설치하여 실행시키면 된다.

처음 비쥬얼 스튜디오 코드를 실행하면 자동줄바꿈이 설정되어있지않아서 매우 불편하다. 따라서 별도로 설정에서 자동줄바꿈을 설정해야한다.

Setting에서 word wrap을 검색하고 Workspace에서 자동줄바꿈을 on으로 활성화 시켜준다.

이 글은 구름에듀에서 관련 강의를 수강 후 공부하며 작성한 글입니다.

모든 내용과 코드 및 이미지는 직접 재구성하였습니다.

김버그의 HTML&CSS는 재밌다 - 구름EDU

HTML&CSS를 한번에! 탄탄한 개념이해부터 실습까지 한 강의로 끝내기, 실무 가능한 실력으로 😎

edu.goorm.io

[비주얼 스튜디오 코드(Visual Studio Code)] 자동 줄바꿈

비주얼 스튜디오 코드는 긴 장문의 문단 또는 코드일 경우 자동으로 줄바꿈이 되지 않고 결국엔 가려져서 나오게 됩니다. 이런 경우 간단한 설정을 통해 보기 편하게 바꿔줄 수 있습니다. /* S: 18

recoveryman.tistory.com

Harry's diary