Есть ли быстрый способ вставки последовательных номеров в несколько вариантов?

Question

При работе с HTML идентификаторами часто бывает необходимо создавать элементы с одинаковыми именами идентификаторов, но разным числовым индексом, например:

<ul> 
    <li id="item-|"></li> 
    <li id="item-|"></li> 
    <li id="item-|"></li> 
    <li id="item-|"></li> 
    <li id="item-|"></li> 
</ul> 

«|» - представляет собой один из нескольких курсоров. Есть ли способ вставить числа из 1-5?

Answer 1

Для PhpStorm:

Вы можете использовать String Manipulation плагин.

Для генерации чисел в последовательности в multiple carets:

1. Введите номер, чтобы начать последовательность с, скажем 1, а затем выберите номер.

2. Откройте меню «Манипуляция струнами». Это делается

   • Alt + M или
   • Alt + Сдвиг + M или
   • выпадающее меню → Редактировать → Струнный Манипуляция.

3. В меню выберите Приращение/декремент → Создать последовательность.

Вот анимированный скриншот: ^{Скриншот основан на PhpStorm 2016.2 и цепочками 5.0.135.445.0.}

Answer 2

вы можете установить плагин emmet для возвышенного текста из управления пакетами. здесь является Эммет cheat sheet Каждого веб-разработчик использовал его и сохраняет щеколду груз времени

---

типа уль> LI # пункта - $ * 5 и нажмите вкладку и весь код будет сгенерирован:

<ul> 
    <li id="item-1"></li> 
    <li id="item-2"></li> 
    <li id="item-3"></li> 
    <li id="item-4"></li> 
    <li id="item-5"></li> 
</ul> 

Answer 3

Существует плагин называется insertNums, что делает именно то, что вы ищете. Вы можете использовать его для вставки последовательности чисел в позиции курсоров.

Он также позволяет вам определить некоторые параметры, такие как начальный номер и шаг между числами и другими.