html - 在 PhpStorm 中打开和关闭 HTML 标签时添加自动评论

Question

我想在每个 <div class=""> 之前添加 HTML 注释/<div id="">和他们各自的</div>的。

例如，假设我有一个 <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: 创建和使用自定义 Live Template 在那里你可以有任何你想要的文本/代码。例如:

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

---

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

这就是“无”部分的用武之地:1) 仅结束评论和 2) 它将被放置在新行上(我猜这取决于您的代码格式设置)并且有一点不同的风格:

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

此类选项可在 Settings/Preferences |编辑|埃米特 | HTML --> 注释标签