웹관련프로그래밍(web programming)

Visual Studio Code에서 Javascript, HTML, Jquery 결과 확인하기 (실행)

끄적끄적아무거나 2021. 9. 25. 10:07
반응형

Visual Studio Code에서 Javascript, HTML 결과 확인하기 (실행)

 

1. 아래 그림과 같이 비쥬얼 스튜디오를 실행하고 html 파일 하나를 만들어서 html 코드와 javascript 코드를 작성한다. 

 

 

2. 아래 그림과 같이 "확장" 탭을 누르고 "live server"를 검색한 후 설치 한다.

 

 

3. 다시 코드로 돌아가서 오른쪽 하단에 "Go Live" 를 클릭한다. 

 

 

4. 아래 그림처럼 결과화면을 볼 수 있다.

 

 

6. 코드를 업데이트 할때 마다 브라우져를 껏다 킬 필요 없이 새로고침 해주면 변경된 결과가 반영 된다.

 

 

 

반응형