본문 바로가기
웹개발 html, Csss

VS Code 설치 및 한국어 설정 웹개발 HTML, CSS

by 7분 전. 2020. 3. 7.

우리나라는 IT강국이자, IT 선도국으로 전 세계 어느나라와 견주어도 뒤지지 않을 정도의 속도로 IT성장 속도가 빠릅니다. 그리하여 현재 우리나라는는 유치원, 초등학교에서도 코딩을 수업 받고 있다고 합니다.

 

금일 웹개발에 필요한 여러 에디터들 중 하나인 VS code 설치 및 설정 과정에 대해 공유해보고자 합니다. 시작하여 보겠습니다.

 

우선 검색창에 vs code를 입력하시어 하단 이미지 제일 상단에 뜨는 웹사이트를 클릭합니다.

 

출처 google

 

아래와 같이 비쥬얼 스튜디오 코드(visual studio code) 홈페이지가 표현되며, 아래 빨간색으로 칠한 부분에서 운영체제에 맞게 window 면 윈도우 / MAC이면 맥에 맞게 설치 다운로드를 합니다.

 

출처 vscode

 

아래와같이 파일이 다운되면 압출을 풀고는 실행합니다. 

 

에디터가 실행되면서 바로 홈페이지도 같이 뜨게 되지만, 이 부분이 중요하지는 않으니 홈페이지는 끄고 다시 에디터 프로그램을 클릭합니다.

 

 

이제부터 중요한 점은 기본적인 인터페이스 설정 및 툴에 대해 이해입니다. 아무래도 영어보다는 우리의 모국어인 한국어로 프로그램을 사용할 경우 편리하게 사용이 가능하시겠습니다. 

 

이제부터는 한국어 패치 설치법을 설명드려보겠습니다.

 

첫번째 하단의 1번으로 색칠해둔 곳을 먼저 클릭하신 후 2번 칸에 korea lang이라고 검색해주십시오

 

 

그리고는 빨간색으로 칠해둔 부분을 클릭합니다.

 

 

그리고는 install 부분 클릭을 해주시면 VS Code용 한국어 팩이 다운 됩니다.

 

 

이제 한국어팩이 설치됬으면, 브이에스 코드 프로그램을 닫고는 다시 실행할경우 위와 같이 한국어 버전으로 프로그램을 열리게 될 것입니다. 

 

 

금일 웹개발 에디터인 VScode(브이에스코드 또는 비쥬얼스튜디오코드) 설치 및 한국어팩 설치까지 포스팅 마무리하겠습니다.

유익하시기를 바라겠습니다!

댓글


loading