[HTML+CSS] [HTML 기본 다지기] 02 - Visual Studio Code 설치 및 확장설치

 

 

 

[HTML+CSS] [HTML 기본 다지기] 01 - HTML에 대하여

 

 

HTML은 웹 편집기를 이용해 작업을 한다.

 

정말 다양한 웹 편집기가 존재하지만

그중에서 비주얼 스튜디오 코드를 설치해 보도록 하자.

 

또한 프로그램 설치 말고도 웹 편집기를 편리하게 사용하기 위해

기본 도구들을 설치하는 확장 설치를 진행해 보자.

 

 

---

 

 

(1) 사이트에 접속해 비주얼 스튜디오 코드를 다운로드한다.

 

https://code.visualstudio.com/

Visual Studio Code - Code Editing. Redefined

 

 

(2) 설치 후에 기본 언어를 한글로 바꾸기 위해

순서대로 진행해 준다.

 

 

(3) [Install]을 눌러서 확장 기능을 설치한다.

(난 이미 설치해서 제거라고 뜨는 거다)

 

이후에 우측 하단에 프로그램을 다시 시작하라는 창이 뜨는데

[Restart Now] 버튼을 눌러주면 한글로 바뀌어 있는 것을 확인할 수 있다.

 

 

(4) 라이브 서버를 설치하기 위해 순서대로 진행해 준다.

(라이브 서버의 기능은 작업의 결과물을 편하게 확인 할 수 있게 한다.)

 

 

(5) 이제 원하는 작업을 마음껏 진행한다.

 

 

---

 

 

HTML을 작업하기 위한 세팅이 모두 완료되었다.

 

이제 작업하는 일만 남았다.

 

 

---

 

 

< 참고 >

Do it! HTML5+CSS3 웹 표준의 정석

 

 

※ 해당 글은 습득 목적으로 작성된 글입니다 ※