본문 바로가기
React.JS

[React]js파일에서 HTML자동완성 설정하기 feat.Emmet

by hans-j 2023. 2. 4.

Emmet은 HTML과 CSS의 작성의 시간을 단축 시켜주는 에디터 확장기능. (자동완성 해줌ㅋ)

 

HTML/CSS에서는 잘 작동을 하지만 js파일에선 작동을 안하는데...

 

...

이때 F1 버튼을 누르고

저 괄호 안에다가

"emmet.includeLanguages": { "javascript": "javascriptreact" },

이거 복붙해서 저장 (ctrl + s)

짠 이제 잘 나온다.

 

저 코드가 뭔데 ... 작동을 하게 해주지?

 

Emmet은 다른 언어에 대한 정보가 없어서 우리가 직접 설정해야 한다고 한다..

 

알고가면 좋은 단어 : include - 포함하다

 

코드를 직역하면..에멧아... 자바스크립트를 포함해다오..라고 대놓고 요구를 하네..

이런 직관적인 코드 아주 환영한다.

 

 

출처: https://code.visualstudio.com/docs/editor/emmet

 

Emmet in Visual Studio Code

Using Emmet abbreviations inside Visual Studio Code.

code.visualstudio.com