[VS Code] 비주얼 스튜디오 코드(VS Code)에서 JSX 자동 완성 기능 켜는 방법

비주얼 스튜디오 코드(VS Code)에서 JSX 자동 완성 기능 켜는 방법

들어가며

• 비주얼 스튜디오 코드(VS Code)에서 @return@ 문 안에 JSX를 작성할 때, 자동 완성 기능(Auto Complete)을 사용하는 방법을 알아보자.

return 문 안에서 JSX 자동 완성 기능을 사용하는 모습

 

방법

• 이 방법을 위해서는 VS Code 설정을 따로 해줘야 한다.
• 우선, @Ctrl@(@Cmd@) + @,@를 눌러서 VS Code 설정 페이지를 연다. 
• 그리고 상단의 @[Open Settings (JSON)]@ 아이콘을 클릭한다.

• 그리고 아래의 코드를 @settings.json@ 코드 안에 넣어준다.

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

 

 

참고 사이트

JSX or HTML autocompletion in Visual Studio Code