본문 바로가기
개발(코딩) 경험 저장소/서버,유틸 설치 및 관리

[editer] VSCode 기본 제공되는 HTML 코드 변경하기

by 주니우스 2021. 3. 14.
반응형

기본 제공되는 HTML 코드 변경하기

 

   

    또는 파일->기본설정->사용자 코드 조각 선택

 

   

   

    참고로 $1, $2, $3… 는 커서의 위치를 지정하는것으로 $1에 최초 커서가 위치하게 되며

    Tab 을 누를 경우 $2 로 바로 이동하게 된다.

           ================  샘플  =============

    "langko html form" : {
        "scope": "html",
        "prefix": "lko-html-form",
        "body": [
            "<!DOCTYPE html>",
            "<html lang=\"ko\">",
            "<head>",
            "<meta charset=\"UTF-8\">",
            "<title>$1</title>",
            "</head>",
            "<body>",
            "$2",
            "</body>",
            "</html>"
        ],
        "description": "lang korean 자동코드"
    }

           ==================================

 

   

    prefix 이름을 치고 (자동완성됨)  Tab 키를 누르면 적용됨

 

   

 

반응형

댓글