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

时间:2016-12-03 16:27:41

标签: visual-studio-code

例如。我有

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

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

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

2 个答案:

答案 0 :(得分:13)

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

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

默认情况下,“扩展区域”插件的功能有所支持,请参阅此answer in another thread

支持缩小/增加围绕HTML标记的选择,但您可以轻松设置快捷方式,以便在HTML文件中使用Emmet,并在同一个快捷方式中使用上述命令。设置此语法的语法如下所示(可以随意将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

为了澄清,query = ("INSERT INTO infor (temperature,wet) VALUES (%s,%s)") temperature_item = '8.7`c' wet_item = '0.87%' cursor.execute(query, (temperature_item, wet_item)) 部分允许在第一次按键时扩展内部字符串(例如,用于选择/编辑标记属性)。

答案 1 :(得分:0)

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

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