如何在Visual Studio代码中选择div的内部

Question

例如.我有

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

如何使用快捷键选择所有内容？

Notepad ++有这个功能.当div内容变得非常长时,滚动或折叠选择会很烦人.

Answer 1

您可以使用Emmet命令选择它,如果您将光标放在第一个标记内的某个位置,只需使用Emmet: Balance (outward)和Emmet: Balance (inward).如果您正在执行大量HTML,则只需键入Emmet:命令选项板即可检查更多Emmet命令.

因为它在另一个答案中提到:

默认情况下,"扩展区域"插件的功能有所支持,请参阅另一个主题中的此答案

这并不能支持收缩/成长各地HTML标签的选择,但你可以轻松地设置你的快捷方式在所有其他文件中使用埃米特在HTML文件和上述命令-在同一个快捷方式.用于设置此语法的语法如下所示(随意替换ctrl+up/ ctrl+down您喜欢的任何内容):

{
    "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部件允许在第一次按键时扩展内部字符串(例如,用于选择/编辑标签属性).

Answer 2

据我所知，HTML 仍然不支持开箱即用。

您可以安装扩展Expand-region，按照页面上的说明进行设置，然后使用Ctrl+ W（或您选择的任何其他快捷方式）来选择元素的内容。