2016-11-10 5 views
6

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

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

enter image description here

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

ответ

3

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

enter image description here

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

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

+0

Я не думаю, что любое расширение, которое вызывает это как у меня есть все расширения отключены. @kwood Также вы можете подтвердить, соответствует ли ваша версия кода 1.7.1 – aks

+0

@AnkitSinghaniya Это 1.7.1, и я проверил с --disable-extensions – kwood

+2

Получил ответ на мою проблему из кода vs. https://github.com/Microsoft/vscode/issues/15285#issuecomment-259652115 Он будет работать только с расширением '.html'. – aks

4

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

+1

Это исправление, которое сломает другие вещи, тогда подсветка синтаксиса php не будет работать. – aks

+1

Кажется, что он недоступен в других режимах vscode, чем html, мне нужно совместить теги в JSX, поэтому я написал небольшое расширение для этого: https://marketplace.visualstudio.com/items?itemName=vincaslt.highlight-matching-tag –

0

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

3

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

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

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

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

0

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

https://marketplace.visualstudio.com/items?itemName=vincaslt.highlight-matching-tag 

and change the settings.json to 

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