Как эффективно создать упорядоченный и неупорядоченный список из нескольких строк?
Скажем так:
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>
Как эффективно создать упорядоченный и неупорядоченный список из нескольких строк?
Скажем так:
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>
Вы можете установить пакет 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 для быстрого перехода к следующим (или предыдущим) элементам.
Если плагин Emmet вам не подходит, вы можете попробовать сохранить следующее как макрос и использовать его. Он не делает отступ и не проверяет ошибки, но делает то, что мне было нужно. (Preferences-> Browse Packages откройте "пользовательскую" папку, создайте новую папку с именем "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, чтобы записать это, а затем сохранил его.