자동완성이 쓰고 싶어요
HTML에서 잘 쓰고 있던 Emmet이 리액트로 넘어오니 작동하지 않는다.
ul>li*5도 쓰고 싶고 자동으로 닫히는 <div>도 너무 편했다. 이대로는 코딩 못 한다.
TL;DR
Ctrl/⌘ + ,으로 VSCode 설정에 진입한다.- Emmet: Include Languages를 검색한다.
Add Item을 클릭하고,Item과Value에 각각javascript,javascriptreact를 적은 뒤 추가한다.
원인
VSCode에 리액트가 언어 옵션으로 등록되어 있긴 한데, 바닐라 JS와 React 파일 둘 다 확장자가 .js라서 리액트 파일도 바닐라 JS로 인식한다. 바닐라 JS에서는 HTML 자동완성을 쓸 일이 없으니까 Emmet이 작동하지 않는 것이다.
언어 옵션이 리액트일 경우 Emmet이 멀쩡하게 작동한다.
이렇게 언어 설정이 바닐라 JS일 때에도 React.js가 작동하게 설정하면 해결된다.
mindle