在PhpStorm中打开和关闭HTML标签时添加自动注释

Question

我想添加每个<div class="">/ <div id="">及其各自</div>的HTML注释.

例如,假设我有一个<div class="main-container">,我想在它之后发表评论<!-- Start of .main-container -->

然后</div>我想要一个<!-- End of .main-container -->

一切都是这样的例子:

<div id="container"> <!-- Start of #container -->
    <div class="container-text"> <!-- Start of .container-text -->
        <h2> Foo </h2>
    </div> <!-- End of .container-text -->
</div> <!-- End of #container -->

有没有办法用PhpStorm自动化这个？我无法弄清楚,任何帮助将不胜感激,谢谢你提前.

Answer 1

是和否同时.

选项1:创建和使用自定义实时模板,您可以在其中获得所需的任何文本/代码.例如:

<div id="$NAME$"> <!-- Start of #$NAME$ -->
    $END$
</div> <!-- End of #$NAME$ -->

选项2:如果您正在使用Emmet ..它有一个选项(Emmet术语中的过滤器)来添加结束注释.

这就是"不"部分的来源:1)只关闭评论和2)它将被放置在新行上(取决于你的代码格式设置,我猜)并且有一点不同的风格:

<div class="container"></div>
<!-- /.container -->

这种选择可以在 Settings/Preferences | Editor | Emmet | HTML --> Comment tags