Emmet больше не работает в Visual Studio Code? Так можно решить проблему!

Emmet - это плагин для популярного редактора кода Visual Studio Code (VS Code). С помощью Emmet можно быстро генерировать HTML-разметку страницы и HTML-блоки.

Расширение Emmet поставляется в Visual Studio Code по умолчанию, но после обновления Visual Studio Code, настройки Emmet могут сбиться и Emmet перестанет работать. В этой статье я покажу, что нужно сделать, для того чтобы Emmet  вновь заработал.

Как настроить Emmet в Visual Studio Code, чтобы он заработал

1. Откройте редактор Visual Studio Code и перейдите в настройки. Для этого нажмите иконку "шестеренки" слева снизу
2. Затем выберите Settings
3. В поиске "Search settings" введите Emmet
4. Пролистайте ниже, найдите пункт Emmet: Trigger Expansion On Tab и отметьте чекбокс в этом пункте
5. Попробуйте сгенерировать базовую HTML-разметку. Для этого введите ! и нажмите на клавишу Tab. Если базовая HTML-разметка создалась, значит Emmet вновь работает

Заключение

Как вы можете видеть, исправить работу Emmet в Visual Studio Code очень просто!

Я показываю как пользоваться Emmet и редактором кода Visual Studio Code в своем курсе современной верстки веб-сайтов HTML/CSS Advanced. С вами был Sergei Nikonov, надеюсь эта информация помогла вам настроить Emmet в Visual Studio Code.