● Live Server 오류
1.
비주얼 스튜디오 코드를 실행할 때 Server is already running from different workspace. 라는 오류가 뜰 때가 있다.
2.
마우스 우클릭 → Stop Live Server 버튼을 눌러 주어서 켜져 있는 서버를 꺼주면 된다.
● Live Server 사용법
vscode 도 live. server 기능을 사용할 수 있습니다.
동일한 기능을 하는 다른 에디터의 패키지
|
live server 패키지는 에디터 에서 저장을 하는 즉시 브라우저에 반영이 됩니다
아래 GIF 처럼 사용합니다.
설치 : 컨트롤 + 쉬프트 + X -> 좌측 상단 검색창에 live server 검색 Live Server 설치 클릭
설치가 되었으면 버튼이 '다시 로드' 로 바뀜니다. 다시 로드를 클릭해 줍니다.
창을 다시 로드하겠냐고 뜨는데 해줍니다. 그래야 제대로 적용이 됩니다.
단축키는 Alt + L 을 먼저 누른뒤 O 를 눌러주면 웹서버가 동작중인 브라우저 창이 열립니다. 현재 보고 계신 페이지가 열립니다.
문서를 수정하고 난 뒤 저장하면 브라우저창에 수정된 내용이 반영되어 있습니다.
반응형
'개발 공부 > Tool 사용 팁' 카테고리의 다른 글
VSCode 화면 확대 / 축소 (메뉴+소스코드 크기 조정) (0) | 2023.12.21 |
---|---|
VSCode 글자크기 확대 / 축소 (소스코드 글자 크기 조정) (0) | 2023.12.21 |
스프레드시트에 xlsx(엑셀파일)을 선택한 파일은 업로드 할 수 없습니다. 구글 드라이브에서 파일을 미리 볼 수 없음 해결방법 (0) | 2023.11.28 |
NVM 설치 및 버전 변경 방법 (0) | 2023.11.24 |
Vscode 자동 줄정렬, 줄맞춤 (0) | 2023.10.18 |