在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 ：创建并使用自定义 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 | Editor | Emmet | HTML --> Comment tags

提供此类选项