emmet - react - reactjavascript

1. Settings 로 가기

     - VS code 의 왼쪽 하단의 톱니(cog)를 클릭하고 Settings 로 가거나,

     -  control Key와 " ," 를 함께 클릭하여 Settings로 들어간다.

 

2. 두개의 탭 (User, Workspace) 어느 곳도 관계없음

    - 왼쪽 메뉴바에서 Extentions클릭하여 하부메뉴를 펼치고, Emmet 를 클릭한다.

 

3. Extentions> Emmet > Include Languages 로 이동한다.

     -  "Add Item" 버튼을 클릭한다.

     -  Key에는 javascript, Value에는 javascriptreact 를 넣고, "OK"버튼을 클릭한다.

     -  수정이 필요하면 마우스커서를 같은 줄에 올려, 수정버튼이 나타나면 이용하요 수정한다.

4. 위 3번 대신 Extentions> Emmet > Preferences 에서 해결 할 수도 있다.

    - "Edit in settings.json" 버튼을 클릭하여, settings.json 파일을 연다.

    - 아래 코드를 복붙한다. 이때 맨 밑에 붙이는 경우에는, 위 항목 끝에 콤머(,)를 붙인다.

  "emmet.includeLanguages": {
        "javascipt": "javascriptreact"
    },