[React] 리액트에서 emmet 쓰는 법 / 리액트 단축키 적용하기

 

vs code에서 html 작업할때 사용했던 div.클래스명, div#클래스명

이런  emmet을 리액트에서는 사용이 안됨

 

-> 따로 설정해줘야함!

 

 

 

1. 파일 -> 기본 설정 -> 설정 클릭

*단축키

- Window : Ctrl + ,

- Mac : Command + ,

 

 

반응형

 

 

2. 작업영역 탭 -> emmet ->  setting.json 클릭

 

 

3. 열린 setting.json 파일에 아래 다음 줄을 추가

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

* 핑크 대괄호 안에다 복붙하고 다른 코드가 있을 경우 콤마(,) 찍어주기!

 

 

4. 결과

 

 

짜잔~

 

 

 

 

 

 

[참고] https://eshwaren.medium.com/enable-emmet-support-for-jsx-in-visual-studio-code-react-f1f5dfe8809c 

Enable Emmet support for JSX in Visual Studio Code | React