vsc에서 live server 설치

안녕하세요 IT여행자입니다.

이번 수첩은 visual studio code(VSC)에서 웹 페이지를 실시간으로 볼 수 있는 live server extention을 설치하고 약간의 설정을 할 수 있는 내용입니다.

 

live server를 시작하면 기본적으로 ip 주소는 127.0.0.1로 표시되고, 포트번호는 live server를 구동할 때마다 번호가 달라집니다.

이러한 상태에서 ip주소를 현재 컴퓨터의 ip 로 사용한다던가, 포트번호를 고정시키는 설정 방법을 담았습니다.

 

간략히 그림으로 보여드리면 아래와 같습니다.

 

1. IP 주소를 127.0.0.1에서 localhost로 변경하기

 

 

2. 포트 번호 고정하기

 

Edit in settings.json 링크를 클릭하여 포트번호를 임의의 값으로 고정시킬 수 있습니다.

 

 

3. 현재 컴퓨터에 배정된 ip주소로 변경하기

 

Use local IP as host 체크박스를 체크하시면 됩니다.

 

관련 영상을 참조해 주기시 바랍니다.

 

https://youtu.be/tl9KmGnTsOM