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
'KIC > React' 카테고리의 다른 글
| [React] 라이브러리(cdn) 예제(react, reactDOM, babel) (0) | 2020.11.03 |
|---|---|
| [React] JSX(JavaScript Expression)문법/ 예제(기본설정,백업,복사) (0) | 2020.11.03 |
| [React] Reactjs code snippets (0) | 2020.11.03 |
| [React] open in browser (0) | 2020.11.03 |
| [React] 설치 및 환경설정 (0) | 2020.11.02 |