Что-то не так с Emmet в Visual Studio Code

После последнего обновления Эммет работает как-то по-другому (некорректно).

Если я набираю обычный код в синтаксисе Emmet, например:

.row>.col*2

и нажмите Tab, это не работает.

Если я наберу:

h1{Some title}

и нажимаю Tab тоже не работает, но если поставить курсор в скобки, а потом нажать Tab — в этом случае сработает.

Это моя конфигурация кода Visual Studio:

"editor.fontSize": 12,
"editor.wordWrap": "on",
"editor.wrappingIndent": "indent",
"editor.minimap.enabled": true,
"workbench.iconTheme": "material-icon-theme",
"window.zoomLevel": 0,
"window.openFilesInNewWindow": "off",
"window.openFoldersInNewWindow": "on",
"workbench.welcome.enabled": false,
"workbench.colorTheme": "Default Light+",
"[stylus]": {
    "editor.quickSuggestions": {
        "other": false,
        "comments": false,
        "strings": false
    }
},
"emmet.preferences": {
    "stylus.valueSeparator": ": "
},
"git.enableSmartCommit": true

Как я могу это исправить?


visual-studio-code vscode-settings emmet
person Lukavis    schedule 14.08.2017    source источник

Ответы (4)


arrow_upward
43
arrow_downward

Начиная с версии 1.15.1 у меня это работало:

Откройте настройки и добавьте

"emmet.triggerExpansionOnTab": true

Кажется, Tab больше не связан с Эмметом.

Если вы используете v1.33.0 или новее, вы также можете открыть настройки и ввести что-то вроде trigger expansion, и теперь это простое переключение. Конечно, вы можете сделать то же самое и в файле settings.json.

person Simon    schedule 17.08.2017
comment
Спасибо! Чтобы быть более конкретным, в Windows вам нужно перейти в «Файл»> «Установки»> «Настройки»> «Введите запуск»> нажмите «Изменить» в settings.json. - person Diego Fortes; 20.01.2019
comment
Это единственное, что у меня работает :) Кстати, я использую macOS. - person Jonjie; 13.08.2020

arrow_upward
7
arrow_downward

Я только что столкнулся с этой же проблемой, но у меня немного другая причина. Мне нужно было не только установить для параметра triggerExpansionOnTab значение true, но также установить включенные языки в файле settings.json.

В моем случае Emmet не был активирован для файлов blade.php. Итак, мне нужно было добавить "blade":"html" в раздел includedLanguages.

Полный пример:

"emmet.triggerExpansionOnTab": true,
"emmet.includeLanguages": {
    "javascript": "javascript",
    "vue-html": "html",
    "php": "html",
    "blade": "html",
}

Добавление этого также может помочь:

"emmet.useNewEmmet": true,
person Brad Ahrens    schedule 17.11.2019

arrow_upward
2
arrow_downward

Я прочитал обзор обновлений и обнаружил, что в Visual Studio Code удалена клавиша Tab для расширения аббревиатур Emmet 2.0 в коде Visual Studio.

person Lukavis    schedule 14.08.2017

arrow_upward
2
arrow_downward

Tab больше не доступен для Emmet как Лукавис упомянул. Грустно, но все же можно:

  1. Перейдите в меню Файл → Настройки → Сочетания клавиш.
  2. Искать эммет
  3. Найдите editor.emmet.action.expandAbbreviation
  4. Используйте Ctrl + Tab или любое другое сочетание клавиш...
person Chuyi Huang    schedule 15.08.2017
comment
Это несколько неправильно. См. Ответ Брэда Аренса для "emmet.triggerExpansionOnTab", который позволит вам снова использовать вкладку. - person Llanilek; 20.01.2021