有多种快速方法可以在多个选择中粘贴连续数字吗？

Question

使用HTML ID时,通常需要创建具有相同ID名称但具有不同数字索引的元素,例如:

<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

您可以从包控件安装 sublime text 的 emmet 插件。这是 emmet备忘单 每个 Web 开发人员都使用它并节省了大量时间

输入ul>li#item-$*5并按 Tab 键，将生成整个代码：

<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 2

对于PhpStorm:

您可以使用String Manipulation插件.

要在多个插入符号处依次生成数字:

1. 输入数字以开始序列,比如说1,然后选择数字.

2. 打开String Manipulation菜单.这是通过

   • Alt+ M,或
   • Alt+ Shift+ M,或
   • 下拉菜单 → 编辑 → 字符串操作.

3. 在菜单中,选择Increment/Decrement → Create sequence.

这是一个动画截图: ^{屏幕截图基于PhpStorm 2016.2和String Manipulation 5.0.135.445.0.}