[웹스톰(WebStorm)] 실시간 미리보기(live-server)
에디터/웹스톰(WebStorm)2017. 6. 8. 02:48
실시간 미리보기에 대해 설명하기 전에 이게 뭔지 다음 동영상을 먼저 보시면 이해가 빠릅니다. 파일을 수정하고 나면 브라우저를 F5번으로 새로고침 해서 변경된 사항을 확인해야 하는데, 이 npm 모듈을 설치하면 그런 작업이 필요 없습니다.브라켓의 실시간 미리보기 기능하고 똑같죠.우측 하단이 톱니버튼을 클릭해서 동영상 해상도를 1080p 로 설정하시면 또렸하게 잘 보입니다. 1. 실시간 미리보기(live-server)를 사용하려면 일단 Node js 가 먼저 설치되어 있어야 합니다.https://nodejs.org/ko/ 2. 웹스톰 에 좌측 하단의 작은 버튼이 있습니다.그걸 클릭하시거나 마우스를 올려놓으면 메뉴가 나옵니다. 거기서 Terminal 을 선택해 줍니다. 3. 그러면 에디터가 이런 형태로 바뀌어..