웹 개발 최고 플러그인 emmet

 웹 개발하실 때 Sublime Text 나 Atom 을 많이 사용하시죠. 이 두 프로그램을 사용하실 때 가장 좋은, 꼭 필요한 플러그인 입니다. 바로 자동완성!을 해주는 플러그인 emmet 인데요. 설치 방법 먼저 알려드리도록 하겠습니다.

설치 방법

---

 먼저 서브라임 텍스트에서의 설치방법입니다. control + shift + p 를 하시면 첫 스크린샷 인스톨이 나올텐데요. 저 때 엔터를 눌르신 후 에밋을 검색하시면 저 목록이 나오실 겁니다. 다운로드 후 재실행 해주시면 사용하실 수 있습니다.

 아톰에서의 설치 방법입니다. 여기서의 설치 방법은 훨씬 더 간단합니다. 실행 후 welcome guide 에 있는 인스톨 패키지를 누른 후 emmet을 검색하시고 설치하시면 됩니다. 이후 재실행하시면 이용가능합니다.

사용법

---

 

emmet의 기본적인 사용법을 알려드리겠습니다. 먼저 파일을 .html 확장자로 저장하시고 사용하셔야 합니다. ! 이 느낌표 후 탭을 하면 기본적인 html 파일 구조는 완성이 됩니다.

이런 것들도 가능합니다. 제가 보여드린 것은 emmet을 사용할 때 가장 많이 사용하는 기능들입니다. 더 자세한 단축키들은 이 사이트를 참고하시기 바랍니다.

---

바로가기: docs.emmet.io