YKapodastr Jul 23 2012 at 20:25

Sublime Text 2: Как создать сниппет?

4 min

66K

Website development*Programming*

Tutorial

Translation

+53

Comments 51

TycoooN Jul 23 2012 at 21:03

Пользуюсь для создания сниппетов плагином SaneSnippet, намного удобнее чем ковыряться в XML.

YKapodastr Jul 23 2012 at 21:08

Добавил в топик, спасибо за ссылку — плагин опробую.

prudis Jun 14 2013 at 02:43

Есть еще Snippets snippets.me/. При использовании Distributor for Sublime Text вы получаете снипеты из Snippets в Sublime Text нативно. Как минимум выходит бесплатный и удобный UI для управления снипетами, как максимум куча других фич. Вот демка с TextMate www.youtube.com/watch?v=7FeyujDFo_Y, но с Sublime Text точно так же.

VEG Jul 23 2012 at 21:30

Подозрительно часто стали писать о Sublime Text 2 на Хабре. Сразу в комментах начали активно хвалить, потом и статьи пошли. Причём почему-то авторы этих статей других статей не имеют. Смотрите:
habrahabr.ru/users/ykapodastr/topics/
habrahabr.ru/users/siberianman/topics/
habrahabr.ru/users/aingis/topics/
Одно исключение:
habrahabr.ru/users/faiwer/topics/
Складывается впечатление, что это такой маркетинг.
Если это не так, извиняюсь за излишнюю подозрительность.

YKapodastr Jul 23 2012 at 21:35

Читаю хабр около трёх лет, решил и в жизни его как то поучаствовать. За пост не заплатили :(
В будущем, надеюсь, порадую хабровчан и статьями на другие темы.

VEG Jul 23 2012 at 21:41

Ну что же, значит ошибся. Надо авторам идею предложить: давать лицензии за обзоры продукта на популярных ресурсах :)

YKapodastr Jul 23 2012 at 21:46

Старый добрый бартер :)
Кстати пользуюсь бесплатной версией Sublime Text 2 пока, из ограничений заметил только лишь крайне редко всплывающее окошко с предложением пожертвовать авторам немного денег )

cybd Jul 23 2012 at 23:50

Кстати, я его купил и ни грамма не пожалел. После NetBeans реально почувствовал кайф работы на слабых машинах, радует еще то, что одна лицензия подходит как для рабочей так и домашней тачки.

За статью спасибо, добавил в избранное, попробую на досуге. Сам всячески агитирую за этот редактор.

YKapodastr Jul 23 2012 at 23:56

одна лицензия подходит как для рабочей так и домашней тачки

Это действительно радует.
Вам спасибо )

UFO landed and left these words here

isden Jul 23 2012 at 22:19

Редактор этот просто становится достаточно популярным. Многие мои знакомые (и я в том числе) в последнее время стали им пользоваться.

prudis Jun 14 2013 at 03:57

Из моего опыта общения с разработчиками Sublime я сомневаюсь что они кому-то заплатят за такое.

UFO landed and left these words here

YKapodastr Jul 23 2012 at 21:43

Раньше пользовался notepad++, но Sublime Text 2 пришелся больше по душе, изначально привлек приятный дизайн, каюсь :)

А вот блока а-ля Top Style правда не хватает, остается надеяться на светлое будущее )

UFO landed and left these words here

YKapodastr Jul 23 2012 at 21:48

К сожалению в этом я не силен, но если найдется умелец, который реализует подобный функционал — с благодарностью пожму ему руку )

UFO landed and left these words here

YKapodastr Jul 23 2012 at 22:06

Нашел Color Picker, возможно будет кому-либо полезно.

roman01la Jul 23 2012 at 22:05

Плагин Live CSS. Подсвечивает код цвета его же цветом.

YKapodastr Jul 23 2012 at 22:07

Не совсем то, но определенно полезен, спасибо за ссылку.

UFO landed and left these words here

YKapodastr Jul 23 2012 at 23:22

Вы-таки повторяете за мной )

UFO landed and left these words here

zimorodok Jul 23 2012 at 22:44

В дополнение к сказанному:
1. Можно использовать переменные, например $TM_SELECTED_TEXT. Удобно для указания значения по умолчанию, когда для сниппета указана горячая клавиша или сниппет запускается из панели команд.

<code><snippet>
    <content><![CDATA[console.log(${0:$TM_SELECTED_TEXT});]]></content>
    <tabTrigger>cl</tabTrigger>
    <scope>source.js</scope>
    <description>console.log</description>
</snippet></code>

2. Можно использовать регулярные выражения, чтобы модифицировать тело сниппета в процессе набора.

<snippet>
    <content><![CDATA[set${5:T}${5/(T)|(I).*/(?1:imeout)(?2:nterval)/}(${20:function () \{${0:$TM_SELECTED_TEXT}\}}, ${10:50});]]></content>
    <tabTrigger>set</tabTrigger>
    <scope>source.js</scope>
    <description>setTimeout, setInterval</description>
</snippet>

При наборе «set» — TAB можно продолжить писать «I», и автоматом подставится «terval». На словах сложно описать, но это удобно.

Мой набор сниппетов для javascript

YKapodastr Jul 23 2012 at 22:45

Добавлю к статье, если вы не против, комментарий действительно полезный.

zimorodok Jul 23 2012 at 23:00

Я только за. Еще есть неофициальная документация по редактору. А вот глава про сниппеты.

YKapodastr Jul 23 2012 at 23:03

Добавлю в ссылки, спасибо огромное.

StreetAngel Jul 23 2012 at 22:45

Класс, когда же появиться нормальный плагин для форматирования кода HTML/JS/CSS/PHP как в NetBeans

YKapodastr Jul 23 2012 at 22:49

Могу посоветовать пару плагинов:
Zen Coding для HTML
jQuery Package для jQuery соответственно )

UFO landed and left these words here

YKapodastr Jul 23 2012 at 23:37

Просто требует время на привыкание, возможно много времени )

zimorodok Jul 23 2012 at 22:55

jsFormat — для javascript. Ставить можно через package control.

G_Z Jul 24 2012 at 00:18

Не посоветует ли кто плагин для упрощения создания подсветки синтаксиса?

Hig Jul 24 2012 at 01:24

Ищу что-то такое: jetbrains Instant HTML editing
видео

Может кто видел для Sublime Text 2? :)

Rainum Jul 24 2012 at 01:59

Нечто подобное делает эта програмка, но она пока только под Mac OS — под Win жутко сырая и глючная.

По собственному опыту пользования jetbrains Instant HTML editing для WebStorm скажу, что мне оно больше мешало, а написание js превращалось в сущий ад. Но вам виднее :)

Hig Jul 24 2012 at 02:34

Огромное спасибо! Под Mac и надо :)
Будем пробовать!

Собственно продукцией jetbrains я и не пользуюсь. Плагин этот нашел здесь: habrahabr.ru/post/147979/#comment_4993280
Можно сказать, что мечтал о таком плагине и вот он нашелся, да не под мои любиые IDE.

Очень полюбился Zend Studio (ну или Еclipse сойдет на крайний случай) и второй – Sublime Text 2 (Вот только не привыкну работать с ftp/sftp в нем..)

YKapodastr Jul 24 2012 at 02:37

насчет ftp\sftp может это поможет? Sublime SFTP

Hig Jul 24 2012 at 02:59

Он и стоит. Хм… wbond.net/sublime_packages/img/sftp/remote_browsing_list.png
Полагаю, что бы выстроилось дерево, нужно выкачать весь проект?

qwerty135 Jul 24 2012 at 10:53

Вы тут так хвалите этот редактор… уже не первый раз. Ну что ж, я скачал, поставил, запустил. Открыл cpp-файл, php. Всё отлично, красивая подсветка. Потом захотелось посмотреть, как он раскрашивает паскалевские файлы. И — о ужас! — никак!

Это у разработчиков такое оригинальное чувство юмора, или просто врожденная нетерпимость к паскалю?

iOrange Jul 24 2012 at 11:07

Можете не благодарить )
svn.textmate.org/trunk/Bundles/Pascal.tmbundle/

qwerty135 Jul 26 2012 at 18:00

Это я и так нашёл, просто вопрос к разработчикам — какая причина не включения подсветки по умолчанию. Типа, паскалисты самые продвинутые, и должна сами искать себе всякие плагины?

VolCh Jul 26 2012 at 18:09

Может не было соответствующего фичереквеста (или мало «лайков») или последняя версия бандла ещё не соответствует их стандартам?

faiwer Jul 26 2012 at 23:45

А что в этом такого? Я подсветку SASS,SCSS, Jade, Apache2 и Nginx конфигов ставил из PackageControl-а. В нём по умолчанию не так уж и много всего. Никакой ненависти к паскалю тут нет :)

YKapodastr Jul 26 2012 at 23:54

Да и я не вижу плохого, в том, что базовый дистрибутив не перегружен, а то будет как Nero :)

faiwer Jul 26 2012 at 23:57

Вы мне напомнили: xxx: В споре, кто раньше напишет свою операционную систему, ACDSee или Nero, победили Google и Firefox

YKapodastr Jul 27 2012 at 00:03

Попов выиграл)
Посыпаю голову пеплом, не удержался.

helloworld0 Jul 24 2012 at 11:00

Господа, подскажите: очень не хватает функции, как в PhpStorm, вызывающейся по Ctrl+W — последовательное выделение родительского тега/блока, вверх по иерархии.

То есть встаём курсором на слово, нажимаем Ctrl+W — выделилось слово, еще раз — предложение, еще раз — родительский тег и т.д.

Возможно есть стандартное, ну или может нестандартное решение в ST?