Аббревиатура расширения Emmet не работает в коде Visual Studio с атрибутами - PullRequest
0 голосов
/ 31 октября 2018

Я начинаю использовать Visual Studio Code для своих веб-проектов и не могу жить без Emmet, но у меня возникает проблема, когда я пытаюсь расширить аббревиатуры в HTML-тегах с атрибутами. Просто пример. Если я напишу html:5 и нажму клавишу TAB, он развернет весь шаблон HTML5

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>

</body>
</html>

И при написании тегов с идентификатором и классом, например p#id.class, он правильно генерирует следующий фрагмент кода

<p id="id" class="class"></p>

Но когда я хочу расширить тот же тег с другими атрибутами внутри квадратных скобок, это не работает. Просто добавьте пробел в коде.

p[align="center"]

И то же самое, если я пытаюсь добавить текст в тег, используя фигурные скобки

p{Test}

Можете ли вы помочь мне узнать, как его настроить, или если это проблема с моим программным обеспечением / расширениями?

С уважением,

Ответы [ 2 ]

0 голосов
/ 28 ноября 2018

Через несколько дней, расследуя на веб-странице Emmet в коде Visual Studio Я нашел решение.

Вам нужно добавить следующую строку в файл пользовательских настроек для расширения аббревиатур Emmet с помощью клавиши Tab:

"emmet.triggerExpansionOnTab": true

Это связано с тем, что по умолчанию код Visual Studio отключен.

0 голосов
/ 31 октября 2018

Я не думаю, что квадратные скобки больше работают в emmet ... Тем не менее, вы должны использовать p> {text} для фигурных скобок. Насколько я понимаю, он используется для добавления текста в элемент.

Итак, p> {text here} выдаст <p>text here</p>

Если вам по-прежнему нужна дополнительная помощь, ознакомьтесь с документами по синтаксису сокращений emmet: Документация по Emmet - синтаксис сокращений

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...