vscode 에서 next js 개발 할때 div 태그 등 자동완성 안될 때.. 해결 법

next js 공부를 시작하였는데,

 

div 태그 등 html 태그들이 자동 완성 안된다는 것을 알고 너무 답답하였다.

 

하지만 구글링을 통해 답을 알아내었다.

 

우선 vscod에서 window 기준 ctrl + shift + p 를 눌러 settings.json 을 열어주고

아래 코드를 추가 해준다.

"emmet.includeLanguages": { "javascript": "javascriptreact" }, "emmet.syntaxProfiles": { "javascript": "jsx" },

 

그러면 아래와 같이 자동완성이 된다. ㅎㅎㅎ