☰

Как создать упорядоченный и неупорядоченный список из пары строк в 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 через Package Control (связь) или напрямую установить его, скопировав файлы пакета 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 вам не подходит, вы можете попробовать сохранить следующее как макрос и использовать его. Он не делает отступов и не проверяет ошибки, но он делает то, что мне было нужно. (Настройки->Обзор пакетов откройте папку "user", создайте новую папку с именем вроде "ulmaker" и сохраните ее как "ulmaker.sublime-macro" внутри нее.) Затем вы можете использовать его из раскрывающегося списка (Инструменты->Макросы) илипривязать его к ключу.

(Настройки->Привязки клавиш пользователя)

{ "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, чтобы записать это, а затем сохранил.

Связанный контент