Код Visual Studio не соответствует тегам html

Я использую визуальный студийный код для написания html, но у него нет функции идентификации закрывающего тега для текущего выбранного. Как я могу достичь того же?

Вот как он выглядит на VS Code:

введите описание изображения здесь

Можете ли вы предложить какое-либо расширение или как я могу это достичь? VS Code 1.7.1

Ответы

Ответ 1

установить это расширение

Изюминка синхронизм-тег

и измените settings.json на

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

Ответ 2

Я думаю, что вы выбрали PHP или что-то еще для "языкового режима", измените его на HTML

Ответ 3

Я не уверен, что у вас установлены какие-либо расширения, которые нарушают подсветку? Если я использую ваш пример, по умолчанию он закрывает закрывающий тег:

enter image description here

Кроме того, есть встроенная команда Emmet, которая перемещается между начальным/закрывающим тегом. В палитре команд вы можете найти "Emmet: Go to Matching Pair".

Если вы связываете его с ярлыком, вы можете нажать его, например, дважды, чтобы увидеть курсор, прыгающий между вашим тегом. Имя команды для привязки: editor.emmet.action.matchingPair

Ответ 4

У меня была такая же проблема, и расширение фрагмента HTML решило ее. Просто установите его HTML-фрагмент

и просто внесите некоторые изменения в настройку, настройку goto file- > preferens- > , теперь вы можете увидеть пользовательские настройки в правой части, добавьте следующий код

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

и вы готовы к работе. Наслаждайтесь:)

Ответ 5

Поздно до чертиков, но VSCode теперь поддерживает подсветку соответствующих тегов по умолчанию.

Matching tag highlighting

Ответ 6

У меня тоже была эта проблема. Если вы нажмете и перетащите его, выделите все слова с выделенным текстом, но если вы просто щелкните по нему, то, кажется, выберите закрывающий тег. Так что дайте всего один клик по тегу, чтобы получить пару, не делайте двойной клик или нажмите и перетащите.

Ответ 7

У меня возникла такая же проблема с совпадением и выделением некоторых тегов, в то время как другие этого не делают.

Странная вещь состояла в том, что я создал новый файл и поместил в него кучу тегов, которые все были выделены правильно.

Оказывается, что тот, кто создал исходную страницу, использовал </br> для разрывов строк. Это сломало подсветку открывающих и закрывающих тегов, где между ними происходило </br>. Я изменил </br> на <br/> и теперь все в порядке.

Это также случилось с <link></link>, который я исправил, удалив закрывающий тег.

Я бы посоветовал, если у вас возникла эта проблема, искать закрывающие теги, которые не нужны/не требуются.

Ответ 8

Установите расширение "Bracket Pair Colorizer". Файл → Настройки → Настройки → Настройки пользователя (текстовый редактор). Вы можете редактировать в представлении JSON.

File->Preference->Settings->User Settings(Text Editor)

Ответ 9

Сначала убедитесь, что у вашей Visual Studio есть это расширение, которое оно устанавливает по умолчанию, но для безопасности вы можете проверить и решить проблему выделения с совпавшим div с помощью следующих шагов:

  1. Зайдите в визуальную студию и наберите Ctrl+P
  2. Удостовериться
  3. Открыть preferences > setting
  4. Вставьте это:
"editor.occurrencesHighlight": false,
"highlight-matching-tag.styles": {
  "opening": {
    "name": {
      "underline": "red"
    }
  }
}

Первая строка для отключенных бликов.

Вы можете выбрать цвет: красный или что-то еще, это может помочь вам

@благодарю вас