본문 바로가기

NodeJS/pug

Atom에서 pug emmet 안될 때

emmet pug atom 라고 검색했을 때, 다행히 아래 사아트가 바로 눈에 띄어서 도움 받았습니다.

 

참고 : https://github.com/emmetio/emmet-atom/issues/354

 

Emmet to Jade in Atom? · Issue #354 · emmetio/emmet-atom

I see that Emmet can output Jade but when I try in Atom, it doesn't seem to do anything. To straight HTML works fine. Is there anyway to make this work? Thanks!

github.com

스크롤 내려서 엄청 아랫 부분에 있는 이 부분이 도움됐습니다.

노란색으로 칠한 부분만 보면 됩니다.


Atom에서 pug emmet  안될 때. 자세한 방법 나갑니다!

 

1. 패키지 2가지 설치

emmet

단축키 [ Ctrl + , ] 로 Install Packages로 가서 "emmet" 검색 후 install 눌러서 설치합니다.

emmet 설치합니다. 저는 이미 설치된 상황.

atom-jade

"atom-jade" 검색 후 install 눌러서 설치해주세요.

atom-jade 설치해주세요. 저는 이미 설치됐죠.


2. config.cson 파일 수정

상단메뉴 file -> Config... 보이시죠?

config.cson

config.cson 파일이 열리면 file-types를 적어줍니다.

  "file-types":
    "*.pug": "source.jade"

file-types를 적어주세요


여기까지 됐으면 반드시 될거예요~ 만약에 안된다면 ATOM을 껐다가 다시 실행해보세요!

pug emmet atom

 

GIF 이미지로 잘 보이시죠~? ^_____^

 

 

 
 
728x90
300x250