PhpStorm 中的多光标：是否可以像 Emmet for Html 一样添加连续数字？答案

【问题标题】：Multicursor in PhpStorm: Is it possible to add consecutive numbers as with Emmet for Html?PhpStorm 中的多光标：是否可以像 Emmet for Html 一样添加连续数字？
【发布时间】：2016-09-12 08:25:07
【问题描述】：

PhpStorm 中的多光标在处理重复代码时非常有用。现在，当我使用 Emmet 时，我可以执行以下操作来生成连续数字：

ul>li.myListItem$*5

当我按下制表符时，它被替换为

<ul>
    <li class="myListItem1"></li>
    <li class="myListItem2"></li>
    <li class="myListItem3"></li>
    <li class="myListItem4"></li>
    <li class="myListItem5"></li>
</ul>

美元被数字代替。 PhpStorm 中是否有类似的东西。我的想法是我有例如以下代码：

<div class="pictureFrame"> ... </div>
<div class="pictureFrame"> ... </div>
<div class="pictureFrame"> ... </div>
<div class="pictureFrame"> ... </div>
<div class="pictureFrame"> ... </div>
<div class="pictureFrame"> ... </div>

现在我想为元素添加 id。因此，我在所有行上放置了一个多光标并快速生成以下内容：

<div class="pictureFrame" id="frame"> ... </div>
<div class="pictureFrame" id="frame"> ... </div>
<div class="pictureFrame" id="frame"> ... </div>
<div class="pictureFrame" id="frame"> ... </div>
<div class="pictureFrame" id="frame"> ... </div>
<div class="pictureFrame" id="frame"> ... </div>

我的多光标仍在每一行的框架字之后。现在我想象按 $ 之类的东西然后按 tab 会导致

<div class="pictureFrame" id="frame1"> ... </div>
<div class="pictureFrame" id="frame2"> ... </div>
<div class="pictureFrame" id="frame3"> ... </div>
<div class="pictureFrame" id="frame4"> ... </div>
<div class="pictureFrame" id="frame5"> ... </div>
<div class="pictureFrame" id="frame6"> ... </div>

不幸的是，使用美元（如在 Emmet 中），它不起作用。这可能吗？

【问题讨论】：

stackoverflow.com/questions/34129339/…

标签： html phpstorm text-editor

【解决方案1】：

这是可以使用附加（第 3 方）插件完成的。

1.安装“String Manipulation”插件并重启IDE（插件仅在启动时加载）。

2. 转到您的代码，制作多个插入符号并添加 0 作为起始数字：

<div class="pictureFrame" id="frame0"> ... </div>
<div class="pictureFrame" id="frame0"> ... </div>
<div class="pictureFrame" id="frame0"> ... </div>
<div class="pictureFrame" id="frame0"> ... </div>
<div class="pictureFrame" id="frame0"> ... </div>
<div class="pictureFrame" id="frame0"> ... </div>

3.虽然多个插入符号仍处于活动状态 - 使用上述插件提供的此操作：Edit | String Manipulation | Increment/Decrement... | Increment to build sequence

最终结果：

<div class="pictureFrame" id="frame1"> ... </div>
<div class="pictureFrame" id="frame2"> ... </div>
<div class="pictureFrame" id="frame3"> ... </div>
<div class="pictureFrame" id="frame4"> ... </div>
<div class="pictureFrame" id="frame5"> ... </div>
<div class="pictureFrame" id="frame6"> ... </div>

【讨论】：

伙计，多么棒的插件 :)