【问题标题】:Is there a fast way to paste consecutive numbers in multiple selection?有没有一种快速的方法可以在多选中粘贴连续的数字?
【发布时间】:2016-03-11 19:20:37
【问题描述】:

使用 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 的数字?

【问题讨论】:

  • 嗯,没有第n个孩子? (如果我需要一个序列中的 id 编号,它几乎总是来自动态生成。)
  • 并非总是可以使用 nth-child。在当前项目中,我需要不同的模式窗口 ID。

标签: html sublimetext2 phpstorm sublimetext3 sublimetext


【解决方案1】:

对于 PhpStorm

您可以使用String Manipulation 插件。

multiple carets处按顺序生成数字:

  1. 输入序列的开头号码,例如1,然后选择号码。

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

    完成的
    • Alt+M,或
    • Alt+Shift+M,或
    • 下拉菜单编辑字符串操作
  3. 在菜单中,选择递增/递减创建序列

这是一个动画截图: 屏幕截图基于 PhpStorm 2016.2 和 String Manipulation 5.0.135.445.0。

【讨论】:

  • 迟到感谢这个解决方案,因为我不再使用 Sublime。它神奇地起作用!而且这个插件整体也非常好用。
【解决方案2】:

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

它还允许您定义一些选项,例如起始编号以及数字之间的步长等。

【讨论】:

  • 哇!这个插件完全符合我的要求!谢谢!
【解决方案3】:

您可以从包控件中为 sublime 文本安装 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>

【讨论】:

  • 谢谢,我经常使用 Emmet 并且知道这个解决方案,但正在寻找不需要从头开始创建元素的东西。
猜你喜欢
  • 2010-10-02
  • 2019-10-18
  • 1970-01-01
  • 2015-01-21
  • 2021-10-14
  • 1970-01-01
  • 2021-12-13
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多