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

在处理重复代码时，PhpStorm中的多光标极其有用。现在，当我使用埃米特，我可以做以下产生连续的数字：PhpStorm中的多光标：是否可以像Emmet一样为Html添加连续数字？

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>

与我的多色光仍然在每行的帧单词之后。现在我想象按类似$然后选项卡，它会导致

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

不幸的是，与美元（如艾米特），它不起作用。这可能吗？

来源

2016-05-16 Mathias Bader

http://stackoverflow.com/questions/34129339/is-there-a-fast-way-to-paste-consecutive-numbers-in-multiple-selection – Pang

这是可以使用额外的（第三方）插件完成的。

安装“字符串操作” 插件 &重启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>

虽然多个插入符仍然活跃 - 使用由上述插件提供的这个动作：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>

来源

2016-05-16 15:19:59 LazyOne

男人，多么干净的插件:) –

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

回答

相关问题