Visual Studioコードでdivの内部を選択するにはどうすればいいですか？

Question

たとえば、私が持っているのは

<div class="wrap> 
<div class="fu"> 
    bar 
</div> 
</div> 

どのようにショートカットキーですべての内容を選択するのですか？

メモ帳++にこの機能がありました。 divの内容が本当に長くなると、スクロールや折りたたみを選択するのが面倒です。

Answer 1

私が知る限り、これはまだHTMLのためのボックスの外でサポートされていません。

あなたは、拡張機能をインストールexpand-regionページに述べたようにそれを設定し、その要素の内容を選択するためにはCtrl +W（またはあなたが選択した任意の他のショートカット）を使用することができます。

Answer 2

Emmetコマンドで選択できます。カーソルが最初のタグのどこかにある場合は、Emmet: Balance (outward)とEmmet: Balance (inward)を使用します。たくさんのHTMLをやっているのであれば、コマンド・パレットにEmmet:と入力すれば、より多くのEmmetコマンドを確認できます。

それは他の回答で述べていますので：

「拡張領域」のプラグインは、多少デフォルトでサポートされていない何を参照してください。このanswer in another thread

このないサポート/縮小選択を成長させませんHTMLタグでEmmetを使用するようにショートカットを簡単に設定し、同じショートカット上にある他のすべてのファイルで前述のコマンドを簡単に設定できます。

{ 
    "key": "ctrl+up", 
    "command": "editor.action.smartSelect.grow", 
    "when": "editorTextFocus" 
}, 
{ 
    "key": "ctrl+up", 
    "command": "editor.emmet.action.balanceOut", 
    "when": "editorTextFocus && editorLangId == html && editorHasSelection" 
}, 
{ 
    "key": "ctrl+down", 
    "command": "editor.action.smartSelect.shrink", 
    "when": "editorTextFocus" 
}, 
{ 
    "key": "ctrl-down", 
    "command": "editor.emmet.action.balanceIn", 
    "when": "editorTextFocus && editorLangId == html" 
}, 

ただ、明確化のため、editorHasSelection部分は最初のキーを押して上の内部の文字列を拡張することができます（例について：この（あなたが好むものは何でもctrl+up/ctrl+downを交換して自由に感じる）のように、このアップでルックスを設定するための構文タグ属性の選択/編集）。