Блог

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

2 years ago
9.9K
Sergei Nikonov

 

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.