[VS Code] Emmet 설정

현재 VS Code 를 이용하여 React 로 개인 Site를 작성하고 있습니다.

VS Code 의 Emmet 기능을 확장하는 방법에 대해서 기록을 남깁니다.

 

제작사 WebSite 입니다.

https://www.emmet.io/

 

아래 YouTube 를 통해서 내용을 확인하십시오.

https://youtu.be/EzGWXTASWWo

 

VS Code 의 Setting.json 파일에 아래와 같이 추가하여 사용하고 있습니다.

    "emmet.includeLanguages": {
        "javascript": "javascriptreact",
        "vue-html": "html",
        "plaintext": "jade"
    },
    "emmet.syntaxProfiles": {
        "html": {
            "attr_quotes": "single",
            "indent": true,
        },
        "jsx": {
            "attr_quotes": "single",
            "indent": true,
            "self_closing_tag": true
        }
    }