워드프레스 블로그를 만들어서 뭘 좀 바꿔보려고하면 HTML에 대해서 조금은 알아야 겠더라고요. 반드시 알아야 하는 건 아니지만 그래도 알면 도움이 될 것 같아서 알아보니 간단한 작업은 메모장으로도 가능하다고 하지만 그건 고수분들 이야기같고 잘 모르는 초보일수록 도와줄 수 있는 프로그램이 있으면 좋겠더라고요. 그래서 무료 HTML 편집기 중에 비주얼 스튜디오 코드(Visual Studio Code) 설치 및 기본설정 2가지에 대해서 알아보겠습니다.
비주얼 스튜디오 코드(Visual Studio Code)란?
무료 HTML 편집기 비주얼 스튜디오 코드(Visual Studio Code)는 다양한 플랫폼 개발을 하는 무료 HTML 편집기 비주얼 스튜디오 라는 개발 프로그램에서 텍스트 에디터 즉, HTML 등 언어를 편집하는 부분만 가지고 있는 무료 HTML 프로그램입니다. 그래서 그만큼 속도도 빠르고 가벼워 저사양의 PC에서도 잘 작동됩니다.
비주얼 스튜디오 코드(Visual Studio Code) 설치방법
무료 HTML 편집기 비주얼 스튜디오 코드(Visual Studio Code) 설치하는 순서는 다음과 같습니다. 링크에 있는 비주얼 스튜디오 코드 공식홈페이지에서 [Dowload for Windows]버튼을 클릭하시면 됩니다. 기본으로는 윈도우 버전이 선택되어 있고 맥이나 리눅스를 사용하신다면 [Dowload for Windows]버튼 옆에 화살표부분을 클릭하면 각자 컴퓨터 버전에 맞는 프로그램을 다운로드할 수 있습니다.
그리고 다운로드한 파일을 실행해서 설치해주면 끝! 사실 설치는 위에 링크로 이동해서 프로그램을 다운로드해 설치하면 됩니다. 설치할 때 따로 설정하는 부분도 없고요.
비주얼 스튜디오 코드(Visual Studio Code) 기본 설정
무료 HTML 편집기 비주얼 스튜디오 코드(Visual Studio Code) 설치가 완료되면 그냥 사용하면 됩니다. 보통 개발을 하는 환경은 영어로 되어 있어서 그냥 사용하셔도 되지만 저처럼 초보분들은 아무래도 한글이 편하니 안국어로 언어 설정을 변경해줍니다.
설정방법은 아래와 같습니다.
- 비주얼 스튜디오 코드(Visual Studio Code) 왼쪽 메뉴에 Extension메뉴(사각형 조각 모양 아이콘)를 클릭합니다.
- 또는 Ctrl+Shift+x 단축키를 이용해 줍니다.
- 검색하는 곳에 Korean Language Pack For Visual Studio Code를 찾아 설치해줍니다.
그리고 웬지 고수같은 느낌에 어두운 테마로 선택하시면 눈에 피로에도 도움이 되고 다른 분들도 어두운 테마를 많이 사용하더라고요. 보기도 편합니다.
- 왼쪽 메뉴에 설정 Manage 메뉴(기어모양으로 생긴 아이콘) 클릭
- Themes 메뉴 클릭
- Color Theme 클릭
- 원하시는 테마를 선택하시면 됩니다.
이상으로 무료 HTML 편집기 중에 비주얼 스튜디오 코드(Visual Studio Code) 설치 및 기본설정 2가지에 대해서 알아봤습니다. 더듬더듬 입력하면 예시도 보여주고 색상이 구분을 해주니 보기가 편하네요.
추천 게시글
연관된 글
| 일부 글에 제휴 링크가 포함될 수 있으며 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다. |