[아톰(Atom)/패키지] Emmet 패키지 설치

에디터/아톰(Atom) 2016. 5. 1. 01:56

728x90
반응형

아톰의 Emmet 패키지를 설치해 보겠습니다.

Emmet는 젠코딩(Zen Coding)과 많이 유사합니다.

코드의 자동완성을 도와주고 빠른 작업을 하게 도와주는 기능입니다.


Emmet 사용법(스크롤을 조금 내리셔야 합니다.)



Emmet 패키지 설치


맥의 경우 사과마크 옆의 Atom -> Preferences... 를 클릭하면 패키지 설치를 할 수 있습니다.

윈도우의 경우엔 스샷을 미쳐 준비하지 못했지만 Settings 라는거로 들어가야 하는거로 알고 있습니다.

하지만 위의 경로는 모르셔도 됩니다.

맥이나 윈도우나 단축키를 사용해서 설치를 진행하시는게 앞으로 더 효율적일꺼라 생각됩니다. (아래 단축키 말고 다른게 있었는데 윈도우용이 기억이 안나서 둘다 비슷한 단축키를 기재하겠습니다.)

단축키

윈도우 : 컨트롤 + 쉬프트 + p 입력후 install packages 입력 후 엔터

맥 : 커맨드 + 쉬프트 + p 입력후 install pakages 입력 후 엔터



단축키를 활용하시면 다음 스샷과 같이 됩니다.



상단 검색창에 emmet입력후 엔터를 치시게 되면 검색어에 맞는 패키지가 검색됩니다.

딱 봐도 그냥 가장 많이 다운 받은게 맨 위에 있는 패키지 인듯합니다. install을 눌러 패키지를 다운로드 합니다.



다운로드가 진행되는 모습입니다.



다운로드가 완료되면 이렇게 Uninstall 버튼과 Disable 버튼이 활성화 된걸 보실 수 있습니다.

패키지의 종류에 따라 Setting 버튼이 활성화 되는 경우가 있습니다.




사용법은 이 글의 맨위를 확인해서 살펴보시기 바랍니다.

반응형