Аббревиатура emmet expand не работает в visual studio code с атрибутами

Я начинаю использовать Visual Studio Code для своих веб-проектов, и я не могу жить без Эммета, но у меня возникает проблема, когда я пытаюсь расширить аббревиатуры в тегах 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}

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

С уважением,

10
0
12 709
4
Перейти к ответу Данный вопрос помечен как решенный

Ответы 4

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

Итак, p> {text here} создаст <p>text here</p>.

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

Привет, спасибо за ответ. Я пробовал то, что вы мне сказали, но тоже не работает. Тот же результат, что и другой ... И что вы имеете в виду, когда квадратные скобки больше не работают на Эммете? Я проверил документацию, и она все еще там появляется ...

Inazense 31.10.2018 16:26

Ну да ладно ... Думаю, тогда тебе стоит переустановить расширение ... Если ты проверил ссылку, которую я тебе отправил, ее там нет

Benneee_ 31.10.2018 18:22

Да ... дело в том, что в Visual Studio Code по умолчанию интегрирован Emmet

Inazense 01.11.2018 09:34

Пожалуйста, отключите расширение, перезагрузите VS Code, затем найдите его в магазине расширений и переустановите ....

Benneee_ 02.11.2018 11:11

Да, пробовал, но не нашел где деактивировать Эммета. Вы знаете, где его найти?

Inazense 02.11.2018 16:56

Привет! Извините за задержку с ответом. Это решение может показаться чрезмерным, но если вам действительно нужно использовать Emmet, пожалуйста, обновите код VS или удалите и переустановите снова ... Это должно решить проблему навсегда.

Benneee_ 07.11.2018 13:36

К сожалению, это не работает. Я удаляю VS Code и удаляю все папки, связанные с конфигурацией в папке User и AppData, переустанавливаю его, и проблема не устраняется.

Inazense 12.11.2018 17:37

Я установил VS Code в совершенно новую систему, и у меня сразу же возникла та же проблема: VSC не работает с Emmet. Я вернулся к использованию Atom с плагином Emmet.

Steve Gelman 21.11.2018 15:33
Ответ принят как подходящий

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

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

"emmet.triggerExpansionOnTab": true

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

У меня все еще возникают проблемы после добавления этой строки в файл settings.json. Я получаю ошибку command 'emmet.expandAbbreviation' not found.

Kshitij Saraogi 26.10.2020 20:25

@KshitijSaraogi "emmet.expandAbbreviation" устарела, вам нужно удалить из своего settings.json и добавить emmet.triggerExpansionOnTab вместо

Inazense 27.10.2020 01:46

Табуляция после квадратных скобок по-прежнему не работает, если этот параметр включен

podlec 04.03.2021 10:32

@podlec Я дважды проверил свой код VS и могу подтвердить, что все еще работает

Inazense 07.03.2021 22:15

В коде Visual Studio: Файл> Настройки> Настройки> Расширения> Emmet> Изменить в файле settings.json

Добавьте приведенный ниже код, который сработал для меня.

"emmet.triggerExpansionOnTab": true,
"files.associations": {"*html":"html"},

Надеюсь, это кому-то поможет.

Отредактируйте файл settings.j по пути в Visual Studio Code Файл> Настройки> Настройки> Расширения> Эммет> Изменить в settings.json

найти файл settings.jsonОтредактируйте файл settings.json

Разве вы не повторяете предыдущий ответ от ноября 2018 года?

Whirl Mind 23.04.2020 17:45

Другие вопросы по теме