Как установить Emmet в Sublime Text 3

Как установить Emmet в Sublime Text 3

В этой статье я расскажу о том как установить плагин Emmet в Sublime Text 3, который помогает ускорить написание кода на HTML.

Каждый верстальщик знает, что скорость работы это важное составляющее в любом проекте. Плагин Emmet работает очень просто, вот пример. Чтобы создать блок div с классом allDiv, достаточно ввести div.allDiv и жмем кнопку “Tab”. 

Недавно я написал статью, про автоматическое обновление кода в браузере, что позволяет при каждом сохранении файла обновлять вкладку в браузере.Теперь перейдем к установке плагина.

 

Установка плагина Emmet в Sublime Text 3

Чтобы установить плагин Emmet, переходи в Sublime Text и выполняем все описанные ниже шаги.

1. Нажимаем сочетание клавиш “Ctrl+Shift+p”, появится окно в которое вводим “Package Control”.

Package Control

 

2. В появившемся списке выбираем “Package Control: Install Package” и ждем появления списка.

Package Control: Install Package

 

3. В поле вводим “Emmet” и жмем и выбираем первую вкладку как на картинке.

Установка Emmet

 

4. Откроется новый файл и это значит что все успешно установилось, его можно закрыть.

Плагин успешно установлен Emmet

 

5. Проверяем работу, для этого вводим в файл “!” и жмем кнопку “Tab”. Если появилась разметка, значит все установилось успешно.

Результат работы плагина Emmet

Все действия происходят в русской версии Sublime Text, если вы хотите так-же перевести на Русский Язык, смотрите эту статью в которой за 1 минуту вы сможете поменять язык.

Комментариев: 2

Добавить комментарий

Ваш адрес email не будет опубликован.