VScode + React emmet 사용하기

iTachi·2019년 10월 3일
5

React

목록 보기
3/3
post-thumbnail

VScode 에디트 편집기를 이용해서 React를 개발하고 있었습니다.
emmet에 익숙한 저는... jsx 작성할 때, 단축키가 안먹히는 것이 불편하여,
jsx 작성 시, emmet을 활성화 하는 방법에 대해 찾아보게 되었습니다다.

  1. 파일 > 기본 설정 > 설정
  • Window 이용자 : Ctrl + ,
  • Mac 이용자 : Command + ,
  1. 작업영역(WorkSpace setting)

  2. Include Languages > setting.json 편집 클릭

  3. 아래 텍스트 복붙!

{
   "emmet.includeLanguages": {
      "javascript": "javascriptreact"
   }
}
  1. 이제 jsx 작성할 때, emmet을 이용할 수 있습니다!

참조는 여기에서 했습니다 ㅎㅎ

profile
@탈주범 및 프론트엔드 개발자

9개의 댓글

comment-user-thumbnail
2020년 8월 16일

필요했었는데 감사합니다👍

1개의 답글
comment-user-thumbnail
2021년 2월 18일

감사합니다 ㅎ

답글 달기
comment-user-thumbnail
2021년 3월 1일

감사합니다

답글 달기
comment-user-thumbnail
2021년 9월 29일

감사합니다!

답글 달기
comment-user-thumbnail
2021년 12월 21일

정말 도움이 되었습니다 ^^ ㅋㅋㅋ

답글 달기
comment-user-thumbnail
2022년 4월 1일

감사합니다 ㅎ_ㅎ

답글 달기
comment-user-thumbnail
2022년 12월 5일

감사합니다!

답글 달기
comment-user-thumbnail
2023년 1월 11일

감사합니다!!

답글 달기