728x90
728x90
비주얼 스튜디오 코드(VS Code)에서 JSX 자동 완성 기능 켜는 방법
들어가며
- 비주얼 스튜디오 코드(VS Code)에서 @return@ 문 안에 JSX를 작성할 때, 자동 완성 기능(Auto Complete)을 사용하는 방법을 알아보자.
방법
- 이 방법을 위해서는 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
Is there any way to use components or HTML completion in Visual Studio Code? Because typing each letter manually is not good idea when we have classes like Bootstrap etc. For example completion as in
stackoverflow.com
728x90
728x90
'Tools > VS Code' 카테고리의 다른 글
[VS Code] 코드 자동 완성, 스니펫 기능 끄는 방법 (settings.json) (0) | 2024.10.27 |
---|---|
[VS Code] vscode-icons : 리액트 아이콘 적용하는 방법 (0) | 2024.09.25 |
[VS Code] 검색 시, 특정 폴더를 검색 범위에서 제외시키는 방법 (2) | 2024.08.14 |
[VS Code] Cannot find module 'next/babel' 오류 해결하기 (Next.js) (0) | 2024.08.05 |
[VS Code] JavaScript 기본 탭 들여쓰기(Indent) 간격 설정 방법 (settings.json) (0) | 2024.06.25 |