HTML 개발환경 VS Code 구성하기

 

 

HTML 개발환경을 VS Code를 통해 구성해보자

 

 

▲ 구글에 VS Code 를 검색한다

최상단의 오피셜 사이트로 접속

 

 

▲ 메인에서 드롭다운 메뉴를 눌러준다

 

 

▲ 그럼 본인이 사용중인 컴퓨터의 OS에 맞는 버전을 다운받을 수 있다.

 

 

▲ 다운로드 완료, 실행 해준다.

 

 

▲ 설치 자체는 쉬운편, 별도로 세팅할 것은 없다. " 다음(N) > " 클릭

 

 

▲ 전체 선택 후 " 다음(N) > " 클릭

 

 

▲ " 다음(N) > " 클릭

 

 

▲ 설치가 진행 되는중...

 

 

▲ 설치 완료

이제 유용한 익스텐션(확장 프로그램)을 설치해보자

 

 

▲ 빨간색 네모칸의 블록 아이콘을 눌러준다

 

 

▲ 검색창에 korean 을 입력 후, 최상단에 표시되는 지구본을 찾은다음, install 을 눌러 설치한다.

 

 

▲ 설치가 완료되면 언어 변경을 위해 VS Code 프로그램을 재시작 한다는 팝업이 나타난다, 클릭.

 

 

▲ 속편한 한국어 화면이 표시된다!

 

 

▲ 다시 확장 프로그램 탭으로 가서, open in browser 를 검색 후, 최상단에 표시되는 확장 프로그램을 설치 해준다.

 

 

▲ 여기까지 했으면 가장 가장 가장 기본적인 세팅만 완료한 것 이 다 !