VS CodeやSublimeTextなどWEB関連のソース(HTML,CSS,プログラム)を記述する時の環境についてのTipsをメモっていきます

便利な emmet ショートカット( Mac )

● 複数行を1行に変換する(Merge line )

Command + Shift + M

emmet コマンド実行例

<div>
    <p>
        TEST TEXT
        TEST TEXT
        TEST TEXT
    </p>
</div>

  ↓

<div><p>TEST TEXTTEST TEXTTEST TEXT</p></div>

● 略語を展開する

Tab

emmet コマンド実行例

.myclass

  ↓

<div class="myclass"></div>

● 選択したテキストをタグで囲む

Command + Shift + A

emmet コマンド実行例

    TEST TEXT
    TEST TEXT
    TEST TEXT

(選択した状態で Command + Shift + A )   ↓

<p>
    TEST TEXT
    TEST TEXT
    TEST TEXT
</p>

● 現在いるタグの内側または外側を選択する

外側 : Control + D
内側 : Alt + D

添付ファイル1
添付ファイル2
添付ファイル3
添付ファイル4
No.1796
06/23 11:19

edit

添付ファイル