비주얼 스튜디오코드 다운로드 방법

유용한 정보 by 낭만감자 2023. 11. 29.

비주얼 스튜디오 코드 Visual Studio Code는 마이크로 소프트에서 개발한 텍스트 에디터로 블로그나 홈페이지를 운영할 때 필수가 되는 html과 css 자바 등 웹 개발을 공부할 때 유용합니다.

 

전공자가 아니라면 생소한 단어인데요. 티스토리 블로그를 내가 원하는 방향으로 바꿀 수 있는  html이나 css 관련하여 공부하고 싶은 초보자에게 유용한 프로그램이라고 생각하시면 됩니다.

 

처음 시작하는 분은 무료 버전을 다운로드하여 사용해도 되는데요. 크롬 검색창에 비주얼 스튜디오 코드 다운로드를 입력하거나 아래 링크를 클릭하면 쉽게 다운로드할 수 있습니다.

 

 

 

무료 다운로드 바로가기

 

 

 

비주얼 스튜디오코드 다운로드 방법

 

windows와 mac os 리눅스에서 실행되는 독립 소스 편집기로 웹개발자에게 가장 좋은 옵션이라고 설명하고 있는 무료 다운로드를 클릭합니다.

 

다운로드된 파일을 실행하면 마이크로 소프트사의 라이선스 계약서에 동의 한 뒤 다음을 누르면 지정 폴더를 선택합니다.

 

프로그램 바로가기 폴더도 확인한 뒤에 다음을 누르는 식으로 안내에 따라 설치를 마치는데요.

 

추가 작업 선택에서 바탕화면 바로가기 만들기를 선택하고 기타 부분도 해당항목이 있으면 선택해 줍니다. 처음이라 잘 모르면 체크된 부분을 그대로 두고 설치를 마무리합니다.

 

바탕화면에 아이콘을 클릭하여 비주얼 스튜디오 코드를 연 다음 언어를 한국어로 바꿔주는 작업을 하는데요.

 

왼쪽 메뉴바 다섯 번째 있는 확장을 눌러 검색창에 korean을 입력하면 Korean Language Pack for Visual를 설치합니다.

 

설치 후에는 화면 하단에 영어로 안내된 Change Language and Restart를 누르면 한글로 된 화면을 확인할 수 있습니다.

 

기본 화면은 다크 모드로 어두운데요. 맨 아래 톱니바퀴 모양을 눌러 색테마에서 화면을 원하는 색상으로 변경할 수 있습니다.

 

 

라이브 서버 Live Server 설치방법

처음 웹 개발을 접하는 분이라면 명령어를 입력하고 제대로 출력되는지 궁금할 텐데요. 라이브 서버는 입력된 명령어가 제대로 나오는지 확인하는 서비스입니다.

 

비주얼 스튜디오 코드 확장 메뉴에서 Live Server를 입력한 뒤에 설치를 눌러주면 끝인데요. 설치를 마친 다음 예시로 간단한 html을 입력한 뒤에 오른쪽 마우스를 클릭합니다.

 

여러 가지 메뉴 중 아래에 있는 Open with Live Server를 눌러주면 실행된 화면을 확인할 수 있는데요. 

 

만약 실행되지 않는다면 제대로 입력된 것인지 한번 더 확인하시고요. 그래도 문제 될 것이 없다면 파일에서 다른 이름으로 저장하기를 누른 다음 저장된 파일을 열어 확인할 수 있습니다.

 

오늘은 무료로 사용할 수 있는 비주얼 스튜디오 코드와 라이브 서버 설치 방법을 정리해 보았습니다.

 

 

[같이 보면 좋은 정보]


고용노동부 통합회원 One-ID 재동의 방법

 

고용노동부 통합회원 One-ID 재동의 방법

고용노동부 통합회원을 One-ID로 가입하여 한꺼번에 사용할 수 있는데요. 구직활동 사이트 워크넷과 내일 배움 카드를 사용할 수 있는 HRD-net 고용노동부 민원마당과 WORLDJOB+를 하나의 아이디로 사

gamjalife.tistory.com

포토샵 일러스트레이터 무료체험 신청방법

 

포토샵 일러스트레이터 무료체험 신청방법

포토샵과 일러스트레이터는 이미지와 그래픽 디자인과 아이콘 등을 만들 때 필요한 프로그램으로 사진이나 그림을 편집하거나 새롭게 만들 때 사용합니다. 디자이너와 관심 있는 모든 사용자

gamjalife.tistory.com