覚えていると便利なEmmet集【行のマージ】

まずはじめに、あけましておめでとうございます^^

本当にあっという間に年末年始が終わってしまいました(ToT)

今この記事を見てくださっている方は、いかがお過ごしでしたか?(^○^)

 

私はこの年になって初めて初日の出を見るために早起きして母と見てきました!

今までのお正月は割とだらだらと過ごしていたのですが今回のお正月はなかなか有意義に過ごせたかと思います。笑

本年もよろしくお願い致しますm(_ _)m

 

挨拶はそこそこにして本題に入りましょう!

日にちが空いてしまいましたが、昨年末はEmmetの便利集について書いていました!

引き続き今日もお話ししていきます^^

 

行のマージ

行のマージとは

 

名前からはあまり想像がつきませんが、行のマージとは複数行を1行にする方法です!

 

例えば以下のように

        ↓

 

<li>と<a>を1行に並ばせて整理したい時などに便利です^^

 

行のマージの方法

操作は簡単で

  1. まず、1行にしたい行の閉じタグのなかにカーソルを持っていく
  2. 閉じタグのスラッシュ( / )の前閉じカッコ( > )の前にカーソルを置く
  3. 行のマージのショートカットを押す

 

今回の場合は</li>のなかにカーソルを持っていって行のマージのショートカットを押します!

(ちなみに私は 「command」 + 「shift」 + 「1」でショートカットをユーザー登録しています)

 

ショートカットはどこから確認出来るの??ということで年も変わったことですしおさらいします!

 

Emmetの一覧を見る方法をおさらい

まず、歯車アイコンをクリックします。

 

そしていくつか項目が出てくるので「キーボードショートカット」という項目をクリックします!

 

そうしたら以下のようにズラーーーっとEmmet一覧が出てきます!

その中に今回の行のマージもあるので検索してみてください^^

ショートカットは真ん中に載っています。

 

 

いかがでしたでしょうか??

コーディングのミスを減らすためにも見易く整理することが大事だと思います♩

これを機に使って見てください^^

では今日はここまで〜〜

 

 

 

コメント

タイトルとURLをコピーしました