VScode + React emmet 사용하기

jayjay28·2019년 10월 3일
0

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
@탈주범 및 프론트엔드 개발자

0개의 댓글