[VS Code] 비쥬얼 스튜디오 HTML 파일 웹/브라우저 화면 띄우기

안녕하세요! Plitche(플리체)입니다.
이번 포스팅은 [VS Code] 비쥬얼 스튜디오 HTML 파일 웹/브라우저 화면 띄우기입니다.

---

Intro

Vue.js 공식 문서를 보고 하나씩 따라해 보면서 공부를 해보려 하는데, 가장 간편한 방법이 무었일까.. 싶어서 VS Code를 선택하여 진행했다.

 

프론트 앤드 파트의 영역임으로 당연히 화면을 보면서 진행하는 것이 좋을 것 같아, 내가 작성한 코드를 웹 화면에 띄우는 방법을 찾아 공유하려 한다.

VS Code

확장 플러그인에 Oen In Brower 입력

Visual Studio Code를 실행하여, 좌측 탭 중에 마지막 Extentions 탭을 클릭 해준다.

Marketplace에서 open in browser를 입력하여 TechER의 확장 플러그인을 설치해준다.

그 이후 작성한 HTML 파일에 우클릭 후 원하는 탭을 클릭한다.

Open In Default Browser
Open In Other Browsers

그럼 본인이 선택한 브라우저에서 HTML로 작성한 코드가 웹 화면에 표기되는 것을 볼 수 있다.

---

Review

• 위의 기능은 사실 해당 디렉토리에서 html 파일을 클릭하여 실행하는 것과 다르지 않지만, 매번 해당 디렉토리를 찾아가는 것도 일이기 때문에 편리함!을 추구하는 개발자 입장헤서 도움이 되는 확장 플러그인인 것 같습니다. :)