Visual Studio代码与html标记不匹配

Question

Visual Studio代码与html标记不匹配

aks*_*aks 21 visual-studio-code

我正在使用visual studio代码来编写html,但它没有识别当前所选文本的结束标记的功能.我怎样才能实现同样的目标？

以下是VS代码的外观:

你能建议任何扩展或我如何实现这一目标？VS Code 1.7.1

Answer 1

小智 29

安装此扩展程序

高亮匹配标签

并settings.json改为

"highlight-matching-tag.leftStyle": {
    "borderWidth": "0 0 0 3px",
    "borderStyle": "dotted",
    "borderColor": "red",
    "borderRadius": "5px"
 },

Run Code Online (Sandbox Code Playgroud)

Answer 2

小智 7

我认为您为“语言模式”选择了PHP或其他名称，请在HTML上进行更改

似乎它在 html 以外的 vscode 其他模式中不可用，我需要在 JSX 中进行标签匹配，所以我为此编写了一个小扩展：https://marketplace.visualstudio.com/items?itemName=vincaslt.highlight-matching-tag (2认同)

Answer 3

kwo*_*ood 6

我不确定你是否安装了任何突破突出显示的扩展程序？如果我使用您的示例,它会默认突出显示结束标记:

此外,还有一个内置的Emmet命令,可以在开始/结束标记之间跳转.在命令面板中,您可以搜索"Emmet:Go to Matching Pair".

如果将其绑定到快捷方式,则可以按两次,例如两次,以查看光标在标记之间跳转.要绑定的命令的名称是editor.emmet.action.matchingPair

我从vs代码得到了我的问题的回复.https://github.com/Microsoft/vscode/issues/15285#issuecomment-259652115它只适用于`.html`扩展名. (3认同)
您可以将文件关联到所需的类型.窗户的右下方是我去那里的地方.在PHP文件中,您可以将其与HTML关联以获取此行为,然后切换回来.非常光滑,真的. (3认同)

Answer 4

Rox*_*Rox 5

我遇到了同样的问题，HTML 片段扩展解决了它。只需安装它Html 片段

只需在设置中进行一些更改，转到文件->首选项->设置，您现在可以在右侧看到用户设置，添加以下代码

,"files.associations": {
    // extension name : html
    "*.php": "html",
    "*.html": "html"
}

Run Code Online (Sandbox Code Playgroud)

现在您就可以出发了。享受：）

归档时间：	9 年前
查看次数：	20731 次
最近记录：	6 年，4 月前