LoginSignup
2
2

More than 5 years have passed since last update.

Emmetテンプレートを編集してdivタグをわかりやすくしてみる

Posted at

IntelliJIDEAを快適に使うための設定覚書

Bootstrap(AdminLTE)で管理画面を作ってます。
久しぶりに仕事でHTML + Bootstrap を書いてるんですが、
せっかくIDEAのライセンス買ったのでLiveEditなど機能フル活用したいのですが、いかんせんJSP/Servletな環境なので恩恵に預かれません。

divタグがネストして対応関係がわからずレイアウト崩れまくりでイライラしてたのですが、サンプルのソースなど見てると
↓のように終了タグの後ろにコメントでどこのタグなのか書いてあって目からうろこでした。

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

・・・なぜこんな初歩中の初歩なテクニックを知らなかったのだろう。

で、Emmet使ってコーディングしているのでデフォルトでコメントも入ってくれれば良いなぁと思っていたらそんな設定がありました。

kobito.1450102062.702832.png

File>Preference>Emmet>HTML>Comment tags

しかし、改行は削除できない模様。

公式ヘルプを見ても見つからなかったので
LiveTemplateをいじらないとダメと思い込んで
↓みたいなことやって思ったようにいかず無駄な時間を過ごしました。

kobito.1450100884.421399.png

参考

2
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
2