반응형
VSCode에서 작업 폴더를 여러 곳을 꺼내놓고 사용하면 Live Server가 현재 작업하는 html 파일이 아닌 다른 폴더의 html을 실행할 때 어떻게 해야 할까?
Live Server
VSCode에서 Live Server를 이용하면 Apache 같은 프로그램을 사용하지 않더라도 간단하게 local server를 구현해 웹페이지 구동을 해볼 수 있어 정말 편리하다. 보통은 VSCode 화면 오른쪽 밑에 Go Live 버튼만 눌러주면 바로 로컬 서버가 시작된다.
문제는 여러 작업폴더를 이용할 때
한 작업 영역에 여러가지 프로젝트를 불러와서 이용할 때가 있다. 간단하게 여러 프로젝트를 프로그램을 껐다 켤 필요 없이 넘나들 수 있어서 편한데 가끔은 기본 세팅값의 문제로 편리한 확장 기능들을 추가적으로 세팅해줘야 할 때가 있다. 라이브 서버의 경우도 그렇다. 여러 작업 폴더를 켜 두고 작업을 할 때 Go Live 버튼을 눌러도 이전에 작업하던 html 파일을 인식하고 지금 작업 중인 파일을 작동시키지 않을 때가 있다. 그럴 땐 어떻게 해야 할까?
간단하게 마우스를 이용
라이브 서버를 이용해서 실행하고 싶은 파일을 선택하고 마우스 오른쪽 버튼을 클릭한다. 이 때 가장 위에 있는 "Open with Live Server" 버튼을 눌러주면 된다.
반응형
'ICT > WEB - HTML & CSS' 카테고리의 다른 글
| HTML | base64를 활용해 이미지 업로드 필요 없이 img 태그안에 이미지 정보 담는방법 (0) | 2023.02.08 |
|---|---|
| HTML | 링크 a 태그 새창 새탭에서 여는 방법 (0) | 2022.07.21 |
| HTML | Input 숫자만 입력되게 하는 방법 (Feat. type="text") (0) | 2022.05.31 |
| HTML CSS | 엘레멘트 가운데 정렬하기 치트키 (0) | 2021.12.03 |
| CSS Sass Compiler- VSCode에서 작업영역에 여러 폴더를 추가해서 사용할 때 scss savePath 설정하는 방법 (0) | 2021.12.01 |
댓글