Web 개발 환경 만들기( Visual Studio Code 다운로드)

◎Web - Web사이트 화면 제작 기술

 

Sublinme Text도 있지만 우리는 Visual Studio Code를 사용할 것이다.

 

아래 해당 사이트를 링크해놓았다.

https://code.visualstudio.com/

Visual Studio Code - Code Editing. Redefined

검색창에 그냥 검색해도 나온다.

Visual Studio Code 사이트에서 해당하는 운영체제를 다운 받자.

 

다운받고 실행시키면된다. 따로 설정 없이 다음만 계속 눌러서 설치

 

이렇게 하면 설치가 완료된다.

 

이제 작업하는 파일을 한 폴더에 저장하기 위해 Path를 지정하겠다.

(나는 이후 작성되는 파일을 \D드라이브에 Web폴더에 저장하겠다.)

Web폴더를 만들었다.

내가 만든 폴더를 선택하고 새로운 파일을 만들겠다.

간단한 예제를 해보겠다. (맛보기)

 

작성을 하고 확인 방법은 브라우저를 키고 드래그하면 된다. (크롬경우)

[확인하기 전에 파일을 저장해야 한다.]

그러나 브라우저마다 실행 방법이 달라서 쉽게 확인하기 위해, 업데이트를 시킬 것이다.

 

install을 누르면 순식간에 설치된다. 다시 아까 작업 페이지를 가보자.

 

아래 사진과 같이 새로운 메뉴가 생겼을 것이다.

구글 크롬을 선택하면 결과 화면은 크롬으로 바로 보여준다.

<실행 화면>