[React] 환경설정 HTML Snippets

KIC/React

[React] 환경설정 HTML Snippets

octopengj 2020. 11. 3. 10:51

HTML Snippets 설치

user -> .vscode -> extensions -> abusaidm.html-snippets -> snippets 폴더를 vscode에서 불러오기

템플릿 작성

{
    "ww":{
      "prefix":"ww",
      "body":[
        "<!DOCTYPE html>",
        "<html lang=\"ko\">",
        "<head>",
        "<meta charset=\"UTF-8\">",
        "<script src=\"https://unpkg.com/react@15/dist/react.min.js\"></script>",
        "<script src=\"https://unpkg.com/react-dom@15/dist/react-dom.min.js\"></script>",
        "<script src=\"https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.38/browser.min.js\"></script>",
        "\t<title>${1:react}</title>",
        "</head>",
        "<body>",
        "\t<div id=\"disp\"></div>",
        "\t<script type=\"text/babel\">",
          
        "\t</script>",
        "</body>",
        "</html>"
      ],
      "description":"우리웹 HTML 템플릿",
      "scope":"text.html"
    }
}

저장 종료 후 vscode 재시작

ww 입력 후 tab or enter