웹스톰 | 사용방법, 실시간 변경 Live server 적용하기

|

요약

일반 html 파일에 리액트나 뷰처럼 가상의 라이브 서버를 실행하여
저장할때마다 실시간으로 변경점을 확인할 수 있습니다.

설치

image 10
웹스톰 | 사용방법, 실시간 변경 Live server 적용하기 6
npm i -g live-server

웹스톰에서 터미널을 클릭합니다.
그 후 위의 명령어를 입력합니다.

사용

image 9
웹스톰 | 사용방법, 실시간 변경 Live server 적용하기 7
live-server

터미널에 위의 명령어를 입력하면 브라우저가 하나 뜨게 됩니다.
그 경로로들어가도 되고

image 11
웹스톰 | 사용방법, 실시간 변경 Live server 적용하기 8

터미널에 뜬 경로로 들어가 수정을 진행해도 됩니다.

한글 설정

image 12
웹스톰 | 사용방법, 실시간 변경 Live server 적용하기 9

좌측 상단 > 파일 > 설정 에 접근합니다.

image 13
웹스톰 | 사용방법, 실시간 변경 Live server 적용하기 10

플러그인 > 마켓플레이스 > Korean Language Pack 에 접근하여
한국어 언어 팩을 다운받습니다.

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다

클릭하여 복사