Visual Studio Code를 사용하는 이유는 무엇보다도 다양한 익스텐션이 정말 빨리 코딩되고 편하게 작업할 수 있도록 해주기 때문인 것 같다.비주얼 스튜디오코드로 HTML을 사용하면 Emmet이 자동으로 설치되어 태그가 자동으로 완성되고 단축키를 넣어 엔터만 치면 빠르게 코드를 완성할 수 있어 정말 편리하다.단, div하고 Enter(enter)를 누르기만 하면 태그가 자동으로 생성되며 div*3으로 입력하여 Enter를 누르면 3개의 div 태그가 생기는 것은 물론, div.class를 입력하고 Enter를 누르면 <div class=”class”> </div> 이렇게 간단하게 클래스 이름까지 작성하여 넣어준다.그런데 최근 리액트 코딩을 하면서 jsx문법을 사용할 때 html코드를 입력할 때 태그 자동완성이 안되어 당분간 정말 불편하게 쓰고나서 뭔가 할 수 있는 방법이 있는 것 같아 찾아보니 역시 있어 함께 망설이고 있는 사람들을 위해 기록을 남겨본다.
우선 F1을 클릭하여 검색창에 “setting”을 입력한다.그리고 이 파일을 클릭
그리고 파일 {}안에 아래 단의 코드를 복사하여 붙여넣고 저장하면 끝이다. 매우 간단
그러면 이와 같이 html로 사용했던 것처럼 jsx 파일 내에서도 html 태그 자동 완성 기능을 똑같이 사용할 수 있게 된다.
