비주얼 스튜디오 코드 설치 (with 한글판)

반응형

비주얼 스튜디오 코드(Visual Studio Code) 설치

1. 비주얼 스튜디오 코드 다운로드

  • code.visualstudio.com → Download for Windows 클릭 

 

2. 설치 파일 실행하여 비주얼 스튜디오 코드 설치

 

 


비주얼 스튜디오 코드 한글판 변경

1. 비주얼 스튜디오 코드 왼쪽 확장 기능 아이콘 클릭  검색창에 korean 입력 → Korean Language Pack for Visual Studio Code 설치 

 

2. 재실행 후 한글판 변경 확인

 


실시간 코드 변경 확인을 위한 라이브 서버 확장 기능 설치

1. 확장 기능 아이콘 클릭  검색창에 live server입력 → Ritwick Dey Live Server 설치

 


라이브 서버 정상 작동 확인 

1. 폴더 열기 → 프로그래밍 연습을 위한 폴더 생성

 

2. 폴더에 HTML 파일 추가

 

3. 기본 HTML 코드 작성 → 마우스 우클릭 후 Open with Live Server 클릭

<!DOCTYPE html>
<html lang="ko">
<head>
    <title>Hello Javascript</title>
</head>
<body>
    Hello Javascript!
</body>
</html>

 

4. 작성 파일 정상 작동 확인

 

반응형

댓글

Designed by JB FACTORY