html+css VSCODE 설치

https://code.visualstudio.com/

Visual Studio Code - Code Editing. Redefined

 

C#의 환경에 최적화된 Visualstudio를 만든 microsoft에서 웹페이지를 만들때 사용하는 Tool로 흔히 사용하는 프로그램이다.

 

VSCODE를 설치 후, 플러그인으로 추가로 설치 하겠다.

 

 

VSCODE 설치 화면

 

1.  git bash   -Github라는 사이트에 입력한 소스코드를 공유해주는 웹서비스와 연동하는 Terminal이다.

 

 

 의 아이콘을 누르면 플로그인을 검색할 수있다.

 

 

두개를 설치 후 Ctrl + shift + ~를 누르면 consol창이 나타난다. 화면 오른쪽에 powershell있고 그림2 처럼 표시한 아이콘을 을 누르면 Git bash로 작업할 수있는 선택창이 나타나고 git bash를 선택해 진행한다.

그림1

그림2

2. Live Server - 기본 웹을 만들었다면 실행하지만, 코드를 고치고 다시 실행하는 불편하다.                                                                           소스코드를 업데이트 할때 마다 새로고침으로서 실시간으로 적용된 것을 확인할 수 있게 만든 거다.

오른쪽 하단에  Go Live 기능을 누르면 기능이 시작되고, alt + B로 웹을 수시로 열었다 닫았다 할 필요없이 코드를 읽어 웹페이지를 보여준다.

 

필요없다면 port:5500을 눌러 종료하면 된다.(불편하게 alt + B를 누르지 말고 계속 수정 작업에 집중하자!)