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

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

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

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

・VisualStudio Code

・Sublime Text

    // emmet balanceIn , balanceOut
    { "keys": ["ctrl+d"],"command": "emmet_balance","args": { "direction": "outward" } },
    { "keys": ["ctrl+shift+d"],"command": "emmet_balance","args": { "direction": "inward" } },
添付ファイル1
添付ファイル2
添付ファイル3
添付ファイル4
No.1796
09/24 16:33

edit

添付ファイル