[Svelte] Emmet(에밋) 적용되지 않을 경우

안녕하세요. J4J입니다.

 

이번 포스팅은 svelte파일에서 emmet이 적용되지 않을 경우 해결하는 방법에 대해 적어보는 시간을 가져보려고 합니다.

 

 

 

emmet은 프론트 개발을 할 때 html태그들을 간편하게 적을 수 있도록 도와주는 플러그인입니다.

 

이번에 설정해 볼 IDE이기도 하면서 대부분의 프론트 개발자분들이 많이 사용하는 것이 vscode인데 vscode에서는 자체적으로 emmet을 지원해주기 때문에 다른 특정 행동들을 하지 않아도 사용할 수 있습니다.

 

또한 svelte로 개발할 때도 당연히 html태그들을 작성하기 때문에 emmet을 사용할 수 있습니다.

 

하지만 emmet이 적용되지 않는 분들이 계실수도 있어서 해당 글을 적어봅니다.

 

 

반응형

 

 

참고적으로 저 같은 경우는 아무런 설정없이도 svelte파일에서 emmet을 사용할 수 있었지만 어느 순간 갑자기 사용이 불가해져서 해결 방법을 찾았고 지금은 문제없이 잘 사용하고 있습니다.

 

 

 

해결 방법

 

[ 1. setting.json 오픈 ]

 

setting.json 오픈은 다음과 같은 순서로 해주시면 됩니다.

 

• "ctrl + ,"로 설정창 오픈
• 우측 상단 JSON 설정 열기 클릭 

  

 

 

 

[ 2. emmet 적용을 위한 설정 추가 ]

 

{
    "emmet.includeLanguages": { // svelte 파일에서 emmet 적용안될 때 설정
        "svelte": "html"
    }
}

 

 

728x90

 

 

[ 3. 재시작 ]

 

vscode를 껏다가 켜주시면 정상적으로 svelte에서도 emmet이 적용되는 것을 확인할 수 있습니다.

 

 

 

 

 

 

이상으로 svelte파일에서 emmet이 적용되지 않을 경우 해결하는 방법에 대해 간단하게 알아보는 시간이었습니다.

 

읽어주셔서 감사합니다.