☰

Sublime Text의 몇 줄에서 정렬된 목록과 정렬되지 않은 목록을 생성하는 방법

tag-icon • tag-icon sublime-text-2
Sublime Text의 몇 줄에서 정렬된 목록과 정렬되지 않은 목록을 생성하는 방법

몇 줄에서 정렬된 목록과 정렬되지 않은 목록을 효율적으로 생성하는 방법은 무엇입니까?

의 말을하자:

list item 1
list item 2
list item 3

~ 안으로

<ul>
  <li>list item 1</li>
  <li>list item 2</li>
  <li>list item 3</li>
</ul>

답변1

패키지 제어를 통해 Emmet 패키지를 설치할 수 있습니다(링크) 또는 Emmet 패키지 파일을 복사하여 직접 설치하세요. 그 다음에

// don't forget to choose HTML edit mode in the Sublime Text editor

// type 
ul#nav>li.item$*4>a{Item $}
// 1      2     3   4
//1- List ID
//2- class name
//3- list members number
//4- items name

버튼 을 누르면 Tab다음이 표시됩니다.

<ul id="nav">
    <li class="item1"><a href="">Item 1</a></li>
    <li class="item2"><a href="">Item 2</a></li>
    <li class="item3"><a href="">Item 3</a></li>
    <li class="item4"><a href="">Item 4</a></li>
</ul>

목록 생성 직후 푸시를 눌러 Tab다음(또는 이전) 항목으로 빠르게 이동할 수도 있습니다.

답변2

Emmet 플러그인이 적합하지 않은 경우 다음을 매크로로 저장하여 사용해 볼 수 있습니다. 들여쓰기도 없고 오류 검사도 없지만 필요한 작업을 수행합니다. (Preferences->Browse Packages open "user" 폴더를 열고 "ulmaker"와 같은 새 폴더를 만들고 그 안에 "ulmaker.sublime-macro"로 저장합니다.) 그런 다음 드롭다운에서 사용할 수 있습니다(Tools-> 매크로) 또는열쇠에 묶어두세요.

(기본 설정->키 바인딩 사용자)

{ "keys": ["alt+u", "alt+l"], "command": "run_macro_file", "args": {"file": "Packages/User/ulmaker/ulmaker.sublime-macro"} }

이는 ALT를 누른 상태에서 u, l을 차례로 누르는 조합에 바인딩됩니다.

[
    {
        "args": null,
        "command": "split_selection_into_lines"
    },
    {
        "args":
        {
            "extend": false,
            "to": "bol"
        },
        "command": "move_to"
    },
    {
        "args":
        {
            "characters": "<li"
        },
        "command": "insert"
    },
    {
        "args":
        {
            "characters": ">"
        },
        "command": "insert"
    },
    {
        "args":
        {
            "extend": false,
            "to": "eol"
        },
        "command": "move_to"
    },
    {
        "args":
        {
            "characters": "<"
        },
        "command": "insert"
    },
    {
        "args":
        {
            "characters": "/li"
        },
        "command": "insert"
    },
    {
        "args":
        {
            "characters": ">"
        },
        "command": "insert"
    },
    {
        "args":
        {
            "extend": true,
            "to": "bol"
        },
        "command": "move_to"
    },
    {
        "args": null,
        "command": "cut"
    },
    {
        "args": null,
        "command": "single_selection"
    },
    {
        "args":
        {
            "characters": "<ul"
        },
        "command": "insert"
    },
    {
        "args":
        {
            "characters": ">"
        },
        "command": "insert"
    },
    {
        "args":
        {
            "characters": "\n"
        },
        "command": "insert"
    },
    {
        "args": null,
        "command": "paste"
    },
    {
        "args":
        {
            "characters": "\n<"
        },
        "command": "insert"
    },
    {
        "args":
        {
            "characters": "/ul>"
        },
        "command": "insert"
    }
]

경험이 많은 사람은 이 코드를 약간 정리할 수 있습니다. 방금 ctrl+q를 사용하여 녹음한 다음 저장했습니다.

관련 정보