Многофункциональный и простой редактор Sublime Text 2 для вебмастера и разработчика

Здравствуйте, уважаемые посетители моего скромного блога для начинающих вебразработчиков и web мастеров ZametkiNaPolyah.ru. Продолжаем рубрику Бесплатные полезные программы и ее раздел текстовые редакторы. На страницах своего сайта я уже писал об одном бесплатном текстовом редакторе с подсветкой синтаксиса – Notepad++. Единственным, пожалуй, минусом редактора Notepad++ является то, что он написан только для ОС Windows, в других операционных системах его нет. Сегодня я опишу, на мой взгляд, очень быстрый, многофункциональный, но в то же время простой редактор с подсветкой синтаксиса Sublime Text 2. Редактор Sublime Text 2 условно бесплатный редактор, вы его сможете скачать бесплатно с официального сайта, но периодически вам будет всплывать сообщение о том, что его необходимо купить.

Многофункциональный и простой редактор Sublime Text 2 для вебмастера и разработчика. Условно бесплатный редактор с подсветкой синтаксиса.

Многофункциональный и простой редактор Sublime Text 2 для вебмастера и разработчика. Условно бесплатный редактор с подсветкой синтаксиса.

В последних моих видео о создании HTML шаблонов из PSD макета я использовал именно редактор Sublime Text 2. Во-первых, потому, что мне больше нравится то, как реализована функция авто дополнения в Sublime Text 2, нежели аналогичная функция в Notepad++. Про плагины мы сейчас разговор вести не будем, поскольку у обоих редакторов плагинов масса и их описание может занять целую статью. Как я уже говорил, текстовый редактор Sublime Text 2 условно бесплатный, стоимость лицензии на одну копию составляет порядка 59$. При бесплатном использование этого редактора вы будете получать ненавязчивое сообщение о том, что его необходимо купить, а в верхней части окна будет высвечиваться сообщение о том, что этот редактор не зарегистрирован. Что же, давайте приглядимся к этому редактору.

Не забываем подписываться на RSS-лентуtwitter и на публичную страницу Вконтакте


Где скачать Sublime Text 2. Основные преимущества данного редактора.

//
//

Для начала разберемся с преимуществами многофункционального, но простого редактора Sublime Text 2. Думаю, что о подсветке синтаксиса в редакторе Sublime Text 2 говорить не стоит, достаточно перечислить встроенные языки в Sublime Text 2: C, C++, C#, CSS, D, Dylan, Erlang, HTML, Groovy, Haskell, Java, JavaScript, LaTeX, Lisp, Lua, Markdown, MATLAB, OCaml, Perl, PHP, Python, R, Ruby, SQL, TCL и XML. Список языков с подсветкой синтаксиса довольно внушительный, более того, этот список можно расширить при помощи плагинов. Чтобы посмотреть все языки, которые может подсветить редактор, перейдите по вкладке View -> Syntax:

Подсветка синтаксиса в Sublime Text 2

Подсветка синтаксиса в Sublime Text 2

Стоит поговорить о расширяемости Sublime Text 2. Количество плагинов для этого условно бесплатного редактора растет с неимоверной скоростью. Более того, если вы владеете языком программирования Python и любите возиться с технической документацией, то без проблем сможете написать свой плагин для редактора. Про установку плагинов мы поговорим отдельно в этой статье, но чуть далее.

Редактор Sublime Text 2 кроссплатформенный, его можно установить на три самых популярных платформы: Windows, Mac OS и GNU/Linux. Думаю, процесс установки описывать я не буду, просто покажу откуда можно скачать Sublime Text 2. Скачать Sublime Text 2 можно на официальном сайте. Обратите внимание: я не рекомендую пользоваться вам данным редактором, не заплатив за него разработчикам, скорее даже наоборот.

Мельком пробежимся по другим преимуществам Sublime Text 2:

  • Приятный интерфейс редактора, даже очень приятный;
  • скорость работы редактора очень и очень прилична;
  • текстовый редактор Sublime Text 2 очень гибко настраивается;
  • кроме того, что интерфейс данного редактора очень приятен, он разбавлен различной анимацией и плавными переходами;
  • про плагины и расширения я уже говорил;
  • очень удобный и многофункциональный поиск по документу;
  • одновременном можно просматривать и редактировать до 4 документов.

Думаю, что этого достаточно, чтобы вы заинтересовались, перейдем к более детальному рассмотрению этого простого редактора. Я не случайно называю Sublime Text 2 простым – это действительно элегантный, быстрый и простой редактор.

Интерфейс редактора Sublime Text 2

Здесь я буду описывать сугубо личные впечатления от интерфейса Sublime Text 2. И мое первое впечатление от этого редактора – восторг. Редактор действительно прост, более того, он красив, красив и элегантен.  Видно, что над интерфейсом Sublime Text 2 поработал очень талантливый front-end разработчик и дизайнер: правильно подобранные шрифты, контрастные, но не режущие глаз цветовые схемы редактора, которые идут из коробки, плавные анимации и переходы – все это радует глаз и доставляет, сильно доставляет.

Лопату гов... дегтя могут подкинуть люди, которые имеют привычку устанавливать кучу плагинов, не разбираясь для чего нужно то или иное расширение. Дело все в том, что перегруженный плагинами редактор теряет свою элегантность и простоту. Редактор очень быстрый, отклик на ваши действия – мгновенный, но это до тех пор, пока не установлена куча нужных и не очень плагинов, будьте аккуратны, устанавливая их.

Второе, что бросается в глаза при первом знакомстве с Sublime Text 2 – карта кода. Она находится справа. Карта кода – это сжатый по ширине до 90-100 px код открытого файла. Карта кода предназначена для быстрого ориентирования по файлу. Карта кода в редакторе Sublime используется вместо скроллбара, конечно, ее можно отключить, но за то небольшое время, что я использую этот быстрый редактор, такого желания у меня не появлялось.

Карта кода редактора Sublime Text 2

Карта кода редактора Sublime Text 2

Третья приятная фишка интерфейса редактора Sublime Text 2 – менеджер проектов и открытых файлов. Если менеджер проектов не включен, его можно и даже нужно включить (View -> Side bar -> Show side bar).

Менеджер проектов Sublime Text 2

Менеджер проектов Sublime Text 2

Менеджер проектов в редакторе очень нужен и очень полезен. Менеджер проектов в Sublime Text 2 обладает возможностями файлового менеджера: можно создавать новые файлы и папки, переименовывать и удалять уже существующие, а также перемещать, через переименование. Конечно, кто-нибудь может возразить: «Зачем менеджер проектов, если есть вкладки». Менеджер проектов нужен в тех ситуациях, когда открыто много файлов для редактирования, потому что проще найти нужный файл по названию в менеджере, чем перебирать все вкладки.

Еще одной отличительной особенностью Sublime Text 2 является три режима экрана: оконный режим, полноэкранный режим (нажимаем F11) и офигеть, как полноэкранный режим (не знаю, как он называется правильно, но жмем Shift+F11 и любуемся). Третий режим по сути своей очень уникальный и заставляет уйти в разработку и создание с головой, этот режим живет своей жизнью, при первом входе в него вы увидите только область редактирования и меню. Настроить отображение других элементов можно из пункта View. Обратите внимание: настройки окна редактора Sublime Text 2 в третьем режиме действуют только при третьем режиме.

Теперь немного об отображении пробельных символов в редакторе Sublime Text 2. По умолчанию пробельные символы не видны. Табуляции и пробелы можно заметить при выделении текста, переносы строки – нет. Отображение пробельных символов в Sublime Text 2 можно включить их отображение.

Пробельные символы Sublime Text 2

Пробельные символы Sublime Text 2

Редактор Sublime Text 2 нумерует строки кода в открытом файле. Более того, при наведении курсора мыши можно сворачивать блоки кода. Появляются специальные иконки, которые показывают блоки кода, сворачивание блоков работает и в каскадных таблицах стилей CSS. Что очень даже удобно. Редактор может показывать блоки постоянно, это легко настроить.

Отображение блоков в Sublime Text 2

Отображение блоков в Sublime Text 2

Выделение и правка в Sublime Text 2

Редактор Sublime Text 2 позволяет выделять и править нужный текст несколькими способами, поддерживается несколько видов выделения текста. Очень удобной функцией редактора Sublime Text 2 является множественное выделение (особенно удобно для создания разметки HTML документов, например, для создания HTML списков). Для тех кто не в курсе, что такое множественное выделение поясню – это когда код файла правится синхронно сразу в нескольких местах.

Чтобы выделить несколько фрагментов текста, достаточно зажать кнопку ctrl и мышкой выделять нужные фрагменты:

Множественное выделение в Sublime Text 2

Множественное выделение в Sublime Text 2

Зажав ctrl и кликая левой кнопкой мыши в нужных местах файла, можно осуществлять множественную правку, что очень удобно при редактировании HTML списков:

Множественная правка в Sublime Text 2

Множественная правка в Sublime Text 2

Что не может не радовать: при множественном выделении и множественной правки будут работать все вкусные плюшки Sublime Text 2: плагин Emmet, макросы, сниппеты, функция авто завершения, доступ к буферу обмена и прочее). При двойном клике на слово будет выделено все слово целиком, а при тройном клике – вся строка. Если вы не хотите все это запоминать, Sublime Text 2 позволяет настроить горячие клавиши под себя.

Выделить все от позиции курсора до конца документа в Sublime Text 2 позволяет комбинация клавиш Shift+end. Выделить весь текст от позиции курсора до начала файла – Shift + home. Выделить весь документ можно нажав ctrl+a. Отменить выделение можно нажатием комбинации ctrl+m. Вертикальное выделение в Sublime Text 2 осуществляется при помощи комбинаций клавиш ctrl+alt+up и ctrl+alt+down, соответственно вверх и вниз.

Fuzzy поиск в Sublime Text 2

Итак, поиск в редакторе Sublime Text 2 очень прост и невероятно функционален. Для начала стоит сказать, что поиск в редакторе может быть чувствительным и нечувствительным к регистру, за это отвечает комбинация клавиш alt+c. Комбинация клавиш alt+F3 позволяет найти слово, на котором находится курсор. Поиск можно осуществлять с использованием тегулярных выражений, для этого нажмите alt+r. Вы можете осуществить поиск по меню редактора: ctrl+Shift+P.

Конечно, все вышеперечисленное мной – неполное описание возможностей поиска в редакторе Sublime Text 2, полное описание находится в пользовательской документации; не забывайте, что все горячие клавиши Sublime Text 2 можно настроить под себя. Не забываем комментировать и делиться с друзьями;)

2 комментария к записи Многофункциональный и простой редактор Sublime Text 2 для вебмастера и разработчика

CSSNinja

От себя добавлю немного к статье. Sublime Text 2 гибко конфигурируется под себя, правда делать это приходится ручонками, у кого они кривоваты — сожалею. Найти конфигурации редактора можно здесь Preference -> Settings — Default, после чего откроется файлик с настройками. Каждая строка в этом файле прокомменитрована, кто не знает инглиш — вперед учить. У редактора огромная туча горячих клавиш, правда многие из них даром не нужны, не то что за деньги. Плагины — это основа редактора, кроме красоты, сниппетов и горячих клавиш, вы из коробки ничего не получите, правда, большинство плагинов бесплатны — и это хорошо. Вот несколько плагинов Sublime Text 2, которые я использую постоянно: конечно, плагин Emmet, улучшенный аналог Zen Coding для быстрой разметки HTML; библиотека Tag, которая очень облегчает работу с XML разметкой; из коробки Sublime Text 2 не проверяет синтаксические ошибки, поэтому ставим SublimeLinter; если работать с ноутбука без мышки плагин GotoTab будет полезен для переключения вкладок, тачпады очень убоги и неудобны; JsMinifier — позволяет удалить все пробелы из файлов JS, поэтому ставьте точки с запятой.

Наверное этим и ограничусь.

xRumer

Давно пользуюсь этим редактором, согласен с автором: редактор действительно простой, он не то что бы красивый — шикарный, отклик редактора — мгновенный. Куча халявных плагинов, расширяют его до функционала полноценной IDE. Не стоит пользоваться бесплатной версией редактора, он никак не ограничена по функционалу, но Sublime Text 2 стоит купить, Sublime стоит своих денег!

Текст комментария: