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

Question

我想在每个 <div class=""> / <div id=""> 及其各自的 </div> 之前添加 HTML 评论。

例如，假设我有一个 <div class="main-container">，我想在它之后的评论是 

然后在 </div> 之后我想要一个 

一切都会是什么样子的例子：

<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，您可以在其中设置任何 text/code。例如：

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

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

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

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

此类选项可在 Settings/Preferences | Editor | Emmet | HTML --> Comment tags

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

Add automatic comments upon opening and closing a HTML tag in PhpStorm

html

syntax

phpstorm