react 환경에서 emmet 적용하기

평소 HTML을 작성할 때 emmet을 애용하는지라, react에서 emmet이 되지 않는 것이 불편하여 방법을 찾아보았다.

 

 

1. 파일 > 기본 설정 > 설정

• Window 이용자 : Ctrl + ,
• Mac 이용자 : Command + ,

2. Include Languages 검색

 

3. setting.json 편집 클릭

 

4. 아래 내용을 넣어준다.

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

 

 

 

 

 

출처:

medium.com/@eshwaren/enable-emmet-support-for-jsx-in-visual-studio-code-react-f1f5dfe8809c

Enable Emmet support for JSX in Visual Studio Code | React