react에서 html태그 자동 완성 만들기 (수정중)

vue를 사용했을때는 html 태그 자동완성이 잘됐었는데....!

리액트에서는 왜인지 안된다ㅠㅠㅠ

해결방법!

F1을 누른뒤 setting > Preferences: Open Workspace Settings(json) 을 선택해준다.

그럼 아래와 같은 창이 뜬다.

여기에 아래 코드를 복붙한다.

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

입력하고 저장만 해주면,

자동 완성이 아주 잘된당!~!~!

자동 완성 기능은 emmet이라는 놈이 해주는 것인데, vscode에서는 html에서만 emmet기능을 지원해준다고 한다.

리액트파일에서 emmet기능이 적용되지 않는 이유는 html과 js가 혼합된 jsx 문법을 사용하기 때문이다..!

그래서 emmet기능을 사용하기 위해서 위에 나온 코드를 입력해 줘야하는것!

■coding log■