NeGiMeMo.net

ねぎさんのメモ帳。日常・メモ・ときどきWordPress。

Emmetで今日覚えた便利な操作

bell賞味期限切れコンテンツ

この記事は公開または最終更新から1232日くらい経過しています。
このメッセージが表示されている記事(特にプログラミング系)は情報が古くなっている可能性があるので注意して下さい。

こんな方法もあったのか!みたいなのがまだまだたくさんありますね。

今日覚えたのはこれ。

パラメータの数値を増減させる

数字の前後で「Ctrl+↑」、「Ctrl+↓」を押すと、数値が1ずつ増減させることができます。

 みたいに同じ構造の要素でIDを連番にしてる時なんかに便利そうですね。

因みに、Ctrlの代わりにOption(Alt)で同じ事をすると、0.1ずつ増減させることができます。他にも10ずつ増減させたりする方法もあるらしいですが、そこまで来ると打ち直したほうが早いような気も…しないでもないです。

CSSで em 指定してるところの数値をちょっとだけ変更したい時なんかは、パラメータを全部消して打ちなおして…とするより早い場合もあるかもしれません。

次の要素に移動

Ctrl+Alt+→(←)で次のブロックに移動出来ます。

どういう基準で移動するのかいまいちよくわかってませんが、これも連続して同じような項目を修正するときに便利そうですね。

指定範囲をコメントアウト・解除

行頭でCmd+/を押すとその行をコメントアウトします。
範囲を選択してから実行すると、その範囲をコメントアウトします。

コメントアウトされている要素に対して行うと、コメントが解除されます。
複数行に渡ってコメントアウトされている要素をコメント解除する場合は、コメントアウトされている要素の中ならどこでもこのコマンドを入れれば解除出来ますのでいちいちコメントタグを探したり、範囲選択しないでいいので便利です。

とある案件ではお知らせを頻繁に掲載したり戻したりみたいなのがあるので更新時に過去数件分はコメントで隠しているのですが、こういう運用をしている案件では力を発揮しそうです。

TAGS