기타 Visual Studio Code에서 웹페이지를 쉽고 빠르게 열어서 확인하는 필수 확장 프로그램.
페이지 정보
본문
안녕하세요. 엔지엠소프트웨어입니다. Visual Studio Code에는 굉장히 좋은 확장 프로그램들이 많습니다. 요즘 Type Script를 이용해서 프론트 엔드 개발을 하고 있는데요. 필수로 2가지를 설치해야 해서 알려드립니다~
Open in Browser
오픈 인 브라우저는 html 파일을 선택하고 Alt+B로 브라우저를 실행할 수 있습니다. 수정된 코드를 빠르게 확인할 수 있는데요. 매번 브라우저를 열기 보다는 F5를 눌러서 갱신하는게 좋겠죠? 만약, 캐시가 있다면 Ctrl+Shift+R을 눌러서 새롭게 리프레시할 수 있습니다.
Open in Default Browser
오픈 인 브라우저와는 다르게 가상 서버(IIS)를 실행하고, 소스 파일을 실행 해줍니다. 그래서, 처음 실행할 때 속도는 좀 느린데요. 그 이후에는 동일합니다. 간단하게 마우스 우클릭으로 실행할 수 있다는 장점이 있습니다. 물론, 단축키(Ctrl+1)도 제공하고 있어요.
로컬 파일에서 실행할지 웹서버를 통해서 실행할지는 개발자가 결정할 문제지만~ 저같은 경우에는 둘다 설치해서 사용하고 있습니다. 참고로 js 파일을 브라우저가 아닌 VSC에서 확인하려면 node app.js와 같이 사용해도 됩니다. 빠르게 결과만 콘솔에서 확인할때는 이게 더 편리하죠~
개발자에게 후원하기
추천, 구독, 홍보 꼭~ 부탁드립니다.
여러분의 후원이 빠른 귀농을 가능하게 해줍니다~ 답답한 도시를 벗어나 귀농하고 싶은 개발자~
감사합니다~
- 이전글[Linux] CentOS에서 아이피 설정하기. 21.01.11
- 다음글Visual Studio Code에서 터미널창이 안보일 때 단축키. (VS Code Terminal) 21.01.11
댓글목록
등록된 댓글이 없습니다.