본문으로 바로가기

Sublime Emmet Snippet 설정

category Frontend/HTML 2019. 1. 8. 17:41
반응형

{

    "snippets": {

        // 주언어, 인코딩 설정

        "variables": {

            "lang": "ko",

            "charset": "UTF-8"

            },

        // HTML 사용자 정의 설정

        "html": {

            // 축약 표현식

            "abbreviations": {

                "meta:compat": "<meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge, chrome=1\" />",

                "meta:content": "<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no\" />",

                "link:bs": "<link rel=\"stylesheet\" href=\"https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css\" />",

                "link:bst": "<link rel=\"stylesheet\" href=\"https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap-theme.min.css\" />",

                "link:ajax": "<link rel=\"stylesheet\" href=\"../plugins/ajax/ajax_helper.css\" />",

                "script:bs": "<script src=\"https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js\"></script>",

                "script:ajax": "<script src=\"../plugins/ajax/ajax_helper.js\"></script>",

                "link:jquery": "<script src=\"https://code.jquery.com/jquery-3.3.1.min.js\"></script>",

                "project": "html>(head>meta[charset=UTF-8]+meta:compat+meta:content+title+link:bs+link:bst+link:ajax)+body>link:jquery+script:bs+script:ajax",

                "!": "!!!+project[lang=ko]"

            }

        }

    }

}


"태그: 별칭" : "내용"

"별칭" : "내용"  // 내용 접근 시 태그>태그>태그 형식 이고 [속성=값]으로도 넣을수 있다

반응형

'Frontend > HTML' 카테고리의 다른 글

입력양식 (form)  (0) 2019.01.15
멀티미디어 첨부  (0) 2019.01.15
멀티미디어  (0) 2019.01.10
HTML 개념  (0) 2019.01.09
live-server 설치  (0) 2019.01.08