2014-12-01 1 views
1

나는 html5 코드의 편집기로 숭고한 텍스트를 사용하고 Emmet을 사용하여 Emmet의 자동 완성을 통해 코딩 속도를 높입니다. 내가 컨트롤 + 스페이스를 눌러 빈 .HTML 파일에서 나를 위해 다음 코드를 생성합니다 Emmet의 자동 완료 변경

<!DOCTYPE html> 
<html> 
<head> 
    <title></title> 
</head> 
<body> 
</body> 
</html> 

지금 난 그냥 컨트롤 + 스페이스를 누를 때 내 선택의 좀 더 코드를 생성로 생각했다.

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<title></title> 
    <meta charset = "utf-8"/> 
    <meta name = "viewport" content="width = device-width, intial-scale = 1.0"> 
    <link rel="" href=""> 
</head> 
<body> 
    <script src = ""></script> 
</body> 
</html> 

는 일부 구성을 변경할 수 있습니다 : 나는이 코드를 생성하려면?

답변

0

Emmet 사용자 설정 파일을 편집하여 기존 Emmet 코드 단편을 편집하거나 기존 Emmet 코드 단편을 편집 할 수 있습니다. 이 파일은 Sublime Text (Sublime Text> Preferences> Package Settings> Emmet> Settings - User)에서 직접 열 수 있습니다. 기본적으로는 비어 있고이 구조를 추가해야합니다

{ 
    "snippets": { 
    "html": { 
     "abbreviations": { 
     "mytrigger": "!!!+html>head+body" 
     } 
    } 
    } 
} 

새로운 조각이 abbreviations 개체 내에서 정의됩니다. 이 예제에서 mytrigger를 입력하고 tab을 HTML 문서에 입력하여 HTML을 생성합니다. 모든 약어는 GitHub에서 온라인으로 볼 수 있습니다.

또한 내 GitHub page에 대한 예가 있습니다.

+0

고맙습니다. :) –