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

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

PhpStorm ：

您可以使用String Manipulation插件。

要在multiple carets：

按顺序生成数字

1. 输入用于启动序列的数字，例如1，然后选择数字。

2. 打开String Manipulation菜单。这是由

   完成的
   • Alt + M ，或
   • Alt + Shift + M 或
   • 下拉菜单→编辑→字符串操作。

3. 在菜单中，选择递增/递减→创建序列。

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

Answer 2

您可以从包控件中为sublime文本安装emmet插件。 这是emmet cheat sheet 每个Web开发人员都使用它并节省了大量时间

输入 ul＆gt; 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 3

有一个名为 React.js - access to component methods 的插件可以完全满足您的需求。您可以使用它将一系列数字插入光标位置。

它还允许您定义一些选项，如起始编号和数字与其他之间的步骤。