Emmet で閉じタグの後ろにコメントを加える設定をしたところ下記のようにすべてについてしまい、困っているのですが、このようなプラグインを使っていますか？

Emmet で閉じタグの後ろにコメントを加える設定をしたところ下記のようにすべてについてしまい、困っているのですが、このようなemmentの設定を使っていますか？

http://masup.net/2014/08/add-comment-before-close-tag-emmet.shtmlより

・
JSONに下記の設定をした。

    {
      "snippets": {
        "html": {
          "filters": "html,c"
        }
      }
    }

・結果

<ul class="navi-sub"> <li class="navi-sub__item">IR情報</li>  <li class="navi-sub__item">サイトマップ</li>  </ul>  だけあるのが理想ですよね。

便利ですが、全部つけられると逆に醜いですよね。
それとも現場ではありなのですか？

カスタマイズできるのですかね？

NatsumiOki

2016/08/04 04:28

ちょっと質問の意味がよくわかりませんでした。自分でその設定をしたんですよね？「○○というプラグインを使うのは普通のことか？」という質問と、「○○をカスタマイズできるのか？」という質問なのでしょうか。

退会済みユーザー

2016/08/04 04:43

情報が足りなく失礼しました。さらに具体的に記載しました。

行動規範の内容に同意します

回答1件

質問の編集ありがとうございました。

とりあえず方法としては、preferences.jsonというファイルに設定を追記して、コメントの内容や、改行するかしないかという設定はできそうです。
参考記事

コメントをつけたい要素を限定したいということは、付けても良い要素もしくは付けたくない要素を自分ですべて記述した設定が必要になるのかな？と思います。
idだけ、とかclassだけ、とかならできそうですが、このdivは出すけど子要素のdivは出さない、とか、ulとかolの場合は出すけどliには出さないとか、なんだか大変そうですね・・・

投稿2016/08/04 05:07

NatsumiOki

総合スコア1298

退会済みユーザー

2016/08/04 08:27

＞＞＞コメントをつけたい要素を限定したいということは、付けても良い要素もしくは付けたくない要素を自分ですべて記述した設定が必要になるのかな？と思います。ありがとうございました。そのやり方は記載されていませんが、すべて設定するとなるとむしろ大変になりますね。外すのが一般的でしょうか？それともたくさんのコメントが毎回ついているのもありと思いますか？

NatsumiOki

2016/08/04 08:33

実際に編集するときにどちらがより効率が良いか、ですね。チームでルールを決めるなら、コメントがあると邪魔と思う人もいれば、コメントがないと検索したり編集するのに不便と思う人もいるでしょう。私は前者です。今回の例ではulとliの単純な構図ですが、実際のコンテンツの中ではこの中にspanとかtimeとかaとかいろいろな要素が入ってくることになると思いますし… ただコメントがあったほうがいいという意見があれば入れておいてもいいかな。コメントを非表示にして作業できるエディタのプラグインとかあるかもしれないし。リリースするときにはminifyしたりコメントを削除してバンドルしちゃえばいいですしね。まあ、極論を言えばコメントがなくても見やすいコーディング規約にしておくのが一番かもしれませんがね。

退会済みユーザー

2016/08/04 10:12

ありがとうございます。下記のようになりました。 は個人的に要らないですがあとはあってもいいかなとも思います。とりあえず一回ありでやってみてあまりに醜かったら設定を削除したらいいですね。 <table id="list"> <thead> <th class="no">No.</th>  <th class="content"></th>  </thead> <tbody> <tr class="line001"> <th class="no">1</th>  <td class="content"></td>  </tr>  <tr class="line002"> <th class="no">2</th>  <td class="content"></td>  </tr>  <tr class="line003"> <th class="no">3</th>  <td class="content"></td>  </tr>  </tbody> </table>

行動規範の内容に同意します