[VS CODE] JSX(React) 에서 TAG가 자동으로 적용되지 않을때

Visual Code 에서 React를 공부하기 위하여 프로젝트를 만들고 태그를 수정하는데 예상과 다르게 동작하여 정리합니다.

 

#타이핑

div.a + Enter

 

#예상결과

<div className="a"></div>

 

하지만 예상과 다르게 엉뚱한 코드가 생성되어 검색을 해보니 아래와 같은 해결책이 있었다.

 

#경로

VS CODE > Preferences > Settings > Syntax Profiles > Edit in settings.json

 

# settings.json 추가

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