아톰 HTML 미리보기

아톰 HTML 미리보기

 

ATOM은 많은 사람들의 인기를 얻고 있는 Text Editor 입니다. 웹디자인 작업을 하다보면 Text Editor를 써야할 때가 많이 있고, 추가나 수정된 부분을 웹브라우져에서 새로고침을 하면서 실시간으로 확인하는 작업은 상당히 번거로울 수 밖에 없습니다.

 

이런 작업 과정의 낭비되는 시간과 에너지를 단축하기 위해 아톰의 해당 플러그인을 설치하게 되면, 새롭게 추가나 수정 및 변경된 부분을 실시간으로 작업 중에 볼 수 있습니다. 깔끔하게 잘 보이기도 하고, 작업 효율성이 높아지기 때문에 꼭 설치해두길 권장합니다.

 

 

1. ATOM의 Setting으로 들어간 후 Install 탭을 누릅니다.

 

 

2. 패키지 검색창에 html-preview라고 검색하면 해당 패키지가 첫번째로 뜹니다. 해당 패키지를 설치합니다. 해당 패키지의 Install 버튼을 누르면 설치가 시작됩니다.

 

3. ATOM Text Editor에서 해당 패키지 실행 단축키는 "Ctrl + Shift + H" 입니다. 패키지 설정에서 단축키를 변경할 수 있으며, 그 외에 다양한 옵션을 설정할 수 있습니다.