有没有一种快速的方法可以在多项选择中粘贴连续的数字？

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 插件。 这是埃米特 cheat sheet 每个 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

有一个名为 insertNums 的插件可以满足您的需求。您可以使用它在光标位置插入一串数字。

它还允许您定义一些选项，例如起始编号和编号之间的步长等。

Answer 3

对于 PhpStorm:

您可以使用 String Manipulation 插件。

在multiple carets处按顺序生成数字：

1. 输入序列开始的数字，比如 1，然后 select 数字。

2. 打开字符串操作菜单。这是由

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

3. 在菜单中，选择Increment/Decrement → 创建序列。

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