如何使用 HTML 跳过 Visual Studio 代码中的自动完成标记？

Question

Look at the </title> tag in this image

在我在 Visual Studio 代码中编写 My Home Page 之后，有没有一种方法或任何组合键可以越过 </title> 标记？ </title> 标签也被高亮显示，所以一定有什么东西。我知道键盘上的 end 键可以完成这项工作，但如果结束标记位于下一行，则不会。

Answer 1

按 Tab 键是否可以实现您要查找的内容？

Answer 2

您可以使用宏或此扩展来实现：Select By（它也会移动到由正则表达式确定的位置）。

这进入你的 settings.json:

"selectby.regexes": {

  "movePastTag": {
    "moveby": "</.*?>",
  }
}

然后是快捷键：

{
  "key": "ctrl+alt+\",               // whatever keybinding you want 
  "when": "editorTextFocus",
  "command": "moveby.regex",
  "args": [
    "movePastTag",                    // go past the next ending tag
    "moveby",
    "next",
    "end"
  ],
  "when": "editorTextFocus && editorLangId == html"  // to restrict it to html files
},

显然，如果 html 格式错误，您可以击败我使用的简单正则表达式 </.*?>"。同样对于嵌套标签，它只会跳转到任何类型的下一个结束标签，不一定是您所在标签的匹配结束标签。但只需按住 Ctrl+Alt 并继续点击 \ 以到达您想要的位置。

有一个命令 Go To Bracket 即使有嵌套标签也会转到匹配的右括号，但它会转到标签的开头而不是结尾。还有一个 emmet 命令进入匹配标签（但不是过去），你的光标必须在另一个标签中或旁边才能工作（不像你的例子那样在标签的 textContent 中）..

如何使用 HTML 跳过 Visual Studio 代码中的自动完成标记？

How to move past the autocompleted tag in Visual Studio Code with HTML?

html

javascript

tags

visual-studio-2015

visual-studio-code