Sublime Text и плагины к нему

Я начал пользоваться Sublime Text около года назад. Этот редактор бесподобен и этот текст пишу сейчас именно в нём. Я хочу дать новичкам материалы для ознакомления и инструкции по началу работы, а для тех, кто уже пользуется, хочу рассказать про плагины, которыми я пользуюсь.

Бонусы Саблайма:

• Скорость работы
• Минималистичный интерфейс — ничего лишнего
• Режим «усиленной концентрации» — совсем ничего лишнего
• Графическая карта файла — удобная идея навигации по файлу
• Нечёткий поиск
• Гибкая настройка под себя без графического интерфейса
• Мощное, развитое сообщество плагинов, обеспеченное первоначальником Package Control (1000+ плагинов от 800+ авторов)
• Мультикурсор — редактирование стоблцов текста и не только
• Продуманные хоткеи
• Таб-группы — возможностью разделить экран на несколько частей
• Возможность одновременно редактировать один и тот же файл в разных табах.

Почти все бонусы можно будет увидеть в видеокурсе, о нём ниже.

Установка, настройка, система плагинов

Первым делом при работе с Sublime Text установите Package Control, через него тему «Soda Theme» (в настройках: "theme":"Soda Dark.sublime-theme"), после этого для баланса с темой нужно настроить цветовую схему: из репозитория Soda Theme скачайте отдельный архив colour-schemes.zip и перенесите из него соответствующий файл в папку с ./Packages/User/ затем вы можете вписать в пользовательский файл настроек: "color_scheme": "Packages/User/Monokai Soda.tmTheme", и не забудьте вписать в настройки шрифт Meslo.

O философии настроек Саблайма: «Если у вас уже есть текстовый редактор, то зачем увеличивать энтропию и сложность проекта, создавая графический интерфейс, если настройки можно хранить в удобочитаемом формате и редактировать в самом редакторе?» Мне кажется, что Джон Скиннер думал именно так, когда проектировал свой редактор, и я с ним полностью согласен. Важно понимать, что есть дефолтные настройки и пользовательские (в меню Preferences → Settings Default и Preferences → Settings User): первые — это стандартные для редактора настройки с кучей поясняющих комментариев, которые сбрасываются обновлении, все свои настройки нужно хранить в пользовательских файлах. В самом начале я скопировал все стандартные настройки в пользовательский файл и попробовал каждую опцию, тем самым я понял на что способен мой редактор из коробки, и это важно, так как ты должен знать свои инструменты.

Теперь я хочу рассказать о некоторых особеностях Package control. Это не только способ устанавливать плагины прямо из редактора, но ещё и большой их список, доступный на сайте Уилла Бонда. На этой странице вы всегда сможете найти нужный вам плагин, тему, сниппеты или подсветку нового языка через поле поиска.

После того, как вы решили использовать Sublime Text обязательно просмотрите все плагины на рабочие для вас темы — скорее всего уже будет удобный инструмент для работы в вашей области. Также вы не пропустите ни одного нового плагина подписавшись на RSS этой страницы. Ещё мало кто знает, но можно устанавливать даже те плагины, которых нет в общем канале, для этого есть опция Package Control: Add Repository: и вы сможете добавить GitHub или BitBucket репозиторий, после добавления, вы сможете установить существующий там плагин по стандартной схеме.

Дальнейшее знакомство

После этого небольшого ознакомления, я настоятельно рекомендую прочитать прошлогоднюю статью «Sublime Text 2 Трюки и заметки (Обновлено)» и посмотреть видеокурс «Идеальный рабочий процесс в Sublime Text 2» от Джеффри Уэя. Из этих двух источников вы подчерпнёте для себя очень много нового и полезного в Саблайме — в общем статья и как видеокурс не очень большие, поэтому найдите время посмотреть и то и другое.

Хоткеи

Изучите их и настройте под себя. Это сделает вашу жизнь легче.

Плагины

Это плагины, которые остались в использовании после просмотра всего, чем я пользовался ещё недавно.

• Package Control (работает в 3 версии редактора).
• Soda Theme (работает в 3 версии редактора) — качественная тема вместе с модифицированной цветовой схемой; существует в тёмной и светлой версии.
• Advanced New File (работает в 3 версии редактора) — в два раза уменьшает проблему и время на создание новых файлов.
• Auto Filename — позволит не вспоминать полные названия файлов, когда вы будете их подключать.
• Sublime Linter (работает в 3 версии редактора, отдельная ветка на гитхабе) — это мана небесная!
  Инструмент c большим количеством настроек для CSS (JS поменьше), который в реальном времени проверяет код на опечатки, недочёты, ошибки и подсвечивает ошибку прямо в файле, попутно объясняя «почему» в статус-баре; вообще спасает много времени на дебаге. Для CSS требует nodejs.
• Emmet (работает в 3 версии редактора, читайте пост в оффициальном блоге) — приемник Zen Coding; в общем, если вы пишете HTML код руками, и не знаете обеих аббревиатур, то в прошлом вы потратили слишком много времени зря. Самое важное, это возможность раскрыть .wrap>.inner в <div class="wrap"> <div class="inner"></div></div> или, допустим, обернуть список меню (• Главная, • О нас, • Цены, • Контакты) конструкцией nav>ul>li*>a[href="#"]. Также важно, что в emmet появилась возможность менять числовые значения, как в Developer Tools, с помощью клавиш вверх и вниз в паре с дополнительными клавишами (ctrl+↑|↓ — ±1, alt+shift+↑|↓ — ±10, alt+↑|↓ — ±0.1).
• Bracket Highlighter — подсвечивает теги и скобки; иногда помогает.
• DocBlockr (работает в 3 версии редактора) — Все любят документацию, но никто не любит её писать, для этого изобрели инлайлоновую документацию и этот плагин поможет вам писать её комфортно и быстро.
• FileDiffs — отличается от GitGutter тем, что позволяет видеть диффы любых файлов, а не только диффы между коммитами; да и появился он раньше, намного раньше GitGutter.
• GoldenRatio (работает в 3 версии редактора) — стандартное разбиение на две панели табов создаёт их равными друг другу, а на маленьких мониторах это решение не позволяет полноценно следить за обеми панелями. Этот плагин позволяет увеличивать активную панель при получении ею фокуса. Настройки такие: { "auto_resize": true, "golden_ratio": 1.618 }.
  
  
• MarkdownEditing при должных настройках хоткеев превращает Саблайм в полноценный Маркдаун редактор.
• MarkdownBuild — компилирует по хоткею маркдаун в HTML и сразу показывает в браузере.
• Prefixr — ты пишешь box-sizing: border-box;, нажимаешь alt+ctrl+x и Prefixr добавляет все актуальные префиксы.
• ToggleQuotes — простейшая смена двойных кавычек на одинарные и в другую сторону.
• WordCount (работает в 3 версии редактора) показывает список слов, символов в статус-баре, удобно для написания и редактирования статей.
• WordHighlight (работает в 3 версии редактора) подсвечивает все копии выделенного слова, позволяет проверять не опечатался ли в названии переменной.

В самое разное время, мне пригождались (но не сейчас) такие плагины как: Alternative Autocompletion, AngularJS, Bullet (удалил после MarkdownEditing), CSScomb (мегакрутая вещь; жаль, что бесполезна для меня пока она на PHP), EncodingHelper (умер), Goto-CSS-Decalaration, Hayaku, HTML5 сниппеты, HTMLAttributes, Inc-Dec-Value, IndentGuides (умер), jQuery и jQuery Snippets Pack, Nettuts+ Fetch, Open-Include, Package DeControl, SideBarEnhancements, Stylus, SublimeCodeIntel, Tag, Tortoise.