MacOS atom에 emmet 패키지 설치하기

 

html 편집기 atom을 설치했는데 유용한 단축키를 사용할 수 있는 emmet을 설치하려고 install packages 에 갔는데

패키지가 존재하지 않았다. 찾아보니 22년 12월에 서비스 종료라고 한다.

 

그런데 현재 듣고 있는 생활코딩 강의에서 사용하는 프로그램을 동일하게 사용하고 싶어서 emmet의 깃허브를 찾아봤다.

https://github.com/emmetio/emmet-atom

GitHub - emmetio/emmet-atom: Emmet support for Atom

 

이 깃헙 주소를 통해 아래 명령어로 다운로드가 가능하다.

cd ~/.atom/packages
git clone https://github.com/emmetio/emmet-atom
cd emmet-atom
npm install

 

npm 이 설치되어 있지 않다면 brew로 install 해주자.

brew install node

 

 

설치가 완료되면 atom을 종료했다가 다시 실행한다.

그럼 ! [tab] 단축키로 HTML5 라고 하는 기본적인 코드 골격이 바로 만들어진다.

 

Emmet 단축키 모음

 

 

 

Emmet 문법

 

https://docs.emmet.io/abbreviations/syntax/