Установка emmet в sublime text 3

Эта статья покажет вам, как настроить плагин Emmet для Sublime Text 3, и как использовать его для создания HTML-разметки быстро и легко.

Установка Emmet в Sublime Text 3

Emmet — это удобный и быстрый метод автоматической генерации HTML и CSS-кода на основе синтаксиса плагина. Он работает в редакторах таких как Sublime Text 3, Atom, а также в других текстовых редакторах. Установка плагина в Sublime Text 3 занимает всего несколько шагов и проста в выполнении.

Для начала установки плагина нам потребуется скачать и установить Sublime Text 3. Затем необходимо перейти в директорию плагинов Sublime Text 3. Она находится в разных директориях в зависимости от операционной системы.

Для Windows она находится по пути C:/Users/username/AppData/Roaming/Sublime Text 3/Packages. Для Mac OS X путь похож, но вместо AppData используется Library: /Users/username/Library/Application Support/Sublime Text 3/Packages. Для Linux директория находится по пути ~/.config/sublime-text-3/Packages.

Как только мы зашли в директорию плагинов, нам необходимо скачать архив с плагином Emmet и распаковать его. Мы можем скачать архив с плагином с официального сайта Emmet или использовать команду в консоли: git clone https://github.com/sergeche/emmet-sublime.git.

Когда архив распакован, нам необходимо перейти в распакованную директорию. В ней мы увидим два папки — Emmet и Emmet Css. Нам нужно скопировать обе эти папки в директорию плагинов Sublime Text 3, которую мы посетили ранее.

После того, как мы скопировали папки в директорию плагинов, мы должны запустить Sublime Text 3. В меню выбрать

Preferences > Package Settings > Emmet > Settings — User.

{
    "preferences": {
        "css": {
            "detectSyntaxes": ["css", "less", "sass", "scss"]
        }
    }
}

Этот код добавит поддержку для синтаксисов CSS, LESS, SASS и SCSS. После того, как мы добавили код, мы можем сохранить файл и закрыть его. Теперь мы можем использовать плагин Emmet в Sublime Text 3.