Как добавить сниппеты в sublime text 3
Sublime text сниппеты – что это!? Ну если совсем просто, то это шаблон. Т.е любой код, либо страницу можно превратить в сниппеты – шаблон.
Cниппеты - это совершенно потрясающая вещь, которая позволяет быстро добавлять часто повторяющийся код на вашей странице.
Cниппеты в Sublime text - это шаблоны, ранее подготовленные и сохраненные в программе Sublime text.
Для чего нужен сниппеты в Sublime text!?
По умолчанию в программе Sublime есть уже свои сниппеты и они будут работать после того, как вы установите плагин emmet. Например, вам нужно быстро сделать простую страницу html, - это делается со встроенными сниппетом, создаем документ, в верху ставим восклицательный знак и жмем tab. Если у вас все настроено правильно, то создастся страница html.
Когда вам требуется много раз вставлять повторяющийся код, то вы просто набираете слво шаблона и нажимаете таб! И ваш код на странице.
Как сделать свой сниппет шаблон!?
Открываем - инструменты – новый сниппет – и получаем такой код.
Как сделать свой сниппет шаблон!?
1). В строчке где встречаем первое слово Hello - все удаляем и вставляем свой контент, который будет вашим кодом. В общем там будет, то ради чего и придуманы сниппеты!
Быстрая вставка необходимого контента - не важно, что это! Код, текс или другая хрень!
2). Ищем строку где есть слово hello (обратите внимание на слово hello - с маленькой буквы. начинается) и убираем теги закоментирования. Слева и справа.
И вместо hello вставляем какое-то название
3). и под таким же названием сохраняем.
<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
<!-- Optional: Set a scope to limit where the snippet will trigger -->
И в следующий раз на странице, в которую хотим вставить код с данного сниппета - печатаем данное название и нажимаем tab
Решили добавить немного информации к нашим сниппетам – шаблонам sublime text 3 – теперь у вас есть возможность скачать(см. ниже текста. ) уже готовые сниппеты для sublime text 3
Сейчас у нас в архиве уже несколько сниппетов-шаблонов:
1). ah.sublime-snippet – ссылка:
Можно использовать со стилями. это стили того дива, который обрамляет наш данный текст.
margin: 10px 0 10px 0;
Что делать со скачанными сниппетами sublime text 3
В самом конце страницы есть архив с выше перечисленными сниппетами!
Вы их скачали. и что делать с ними!?
Открываем программу sublime text 3 - опции - просмотр плагинов - открываем.
Что делать со скачанными сниппетами sublime text 3 У вас должна открыться папка с плагинами, и в том числе папки User , ели такой папки нет, то её нужно сделать.
И бросаем содержание архива прямо в эту папку.
Что делать со скачанными сниппетами sublime text 3
Как пользоваться сниппетами в sublime text 3
После того, как вы создали или скачали и забросили данные сниппеты в папку, то на открытой странице, пишем имя сниппета и нажимаем tab и на страницу должен быть выведен код шаблона!
Как переименовать сниппет
Если вам не нравится название какого то сниппета, то открываем опять папку с плагинами, ищем нужный сниппет, переименовываем в такой, который вам нравится! Копируем название без разрешения открываем измененный сниппет и в сроке тега tabTrigger
Сниппеты — это готовые блоки кода, которые часто используются при создании html разметки, css стилей, программного кода, и так далее. Использование сниппетов значительно сокращает время на написание кода, так как вы начинаете использовать заготовки прямо из редактора. Если вы используете расширение Emmet в Sublime Text — то вероятно знакомы со сниппетом который создает html разметку с doctype html5 при наборе знака ! и нажатии клавиши TAB. В этой статье мы разберемся подробно как создать свой сниппет в Sublime Text 2.
Как создать сниппет в Sublime Text
Открываем Sublime Text. Идем в меню Tools → New Snippet. После этого у нас появляется новое окно с заготовкой для нового сниппета. Видим вот такой код:
Разберемся подробнее что значат эти строки и как их можно изменить. Раскомментируем строку с тегом <tabTrigger> , и строку с тегом <scope> .
Строка с тегом tabTrigger
Содержимое в строке <tabTrigger>hello</tabTrigger> означает что при наборе символов hello и нажатии клавиши TAB будет срабатывать данный сниппет. То есть это является триггером для данного сниппета.
Строка с тегом scope
Содержимое в строке <scope>source.python</scope> означает что данный сниппет будет работать в скриптах python.
Чтобы создать сниппет который будет работать html или css необходимо использовать другие значения для строки scope.
Так, для html сниппета строка <scope> должна быть следующей:
Для CSS:
Для LESS:
Если оставить строку <scope> закомментированной — то данный сниппет будет работать во всех файлах.
Тег content
Рассмотрим блок с тегом <content>
В параметре CDATA[ . ] указан собственно текст сниппета, то что будет выведено когда мы наберем hello (значение tabTrigger в нашем примере) и нажмем TAB. То есть на экран выведется:
Ключевые точки
Разберемся со знаками $ и $. Это ключевые точки для редактирования сниппета. После вызова сниппета перемещаться по ним можно используя клавишу TAB. В данном примере ключевые точки заданы с некоторыми значениями по умолчанию. Можно задать свое значение по умолчанию, которое выделится для редактирования когда мы создадим сниппет, либо сделать пустую ключевую точку. Создавать пустую ключевую точку имеет смысл тогда когда просто необходимо поставить курсор в нужное место. В примере ниже я изменил текст сниппета и ключевые точки. Первая точка $ — пустая, а вторая $ с значением по умолчанию.
Множественные курсоры
Известно что в Sublime Text с помощью зажатой клавиши Ctrl можно поставить курсор сразу в нескольких местах для ввода текста. Множественные курсоры можно использовать и при создании сниппетов. Чтобы задать множественный курсор, необходимо несколько раз указать одну и ту же ключевую точку. Пример ниже:
Пример готового сниппета
После манипуляций над начальным примером сниппета, можем получить вот такой сниппет для html документов:
Сохранение сниппетов
Сохранять файл со сниппетом можно в папку Packages/User . По умолчанию Sublime предлагает сохранить его под именем untitled.sublime-snippet. Имя файла изменяем на свое усмотрение, а расширение необходимо оставить неизменным. Желательно давать файлам осмысленные имена. Также можно создать структуру из вложенных папок внутри Packages/User чтобы сортировать все сниппеты, и не возникло путаницы в будущем.
На этом все. Ниже приведен список значений тега scope, чтобы определять сниппеты к конкретным типам файлов.
Список значений <scope>
Ниже приведен полный список всех возможных значений параметра <scope> при создании сниппетов в Sublime Text 2.
Ребят, как удалить или изменить сниппеты которые идут из коробки в ST3, у меня стоит python 3, я хочу пофиксить сниппет на for i in xrange(), который актуален для второго питона, да и вообще изменить половину сниппетов в ST3.
Подскажите где они лежат?
А еще если кто то знает, где лежит стандартный автокомплит sublime?
Если, что вопрос решен, для linux путь к нужным архивам такой /opt/sublime_text/Packages , там выбирается язык, внутри архива есть папка snippets и там нужно фиксить
- Вопрос задан более трёх лет назад
- 1953 просмотра
У меня ST3 на Windows 8.1
В папке C:\Users\***\AppData\Roaming\Sublime Text 3\Installed Packages\*.sublime-package лежат установленные упакованные плагины. Ищешь нужный.
Заходишь в него, ищешь файл со сниппетами и копируешь его в C:\Users\***\AppData\Roaming\Sublime Text 3\Packages\Python\Snippets\*.sublime-snippet, после чего правишь. Папок может не быть - создаёшь их.
После перезапуска должно работать.
Можно это сделать чуть более технологично:
1. Открываем SB3 => Ctrl+Shift+P => Package Control: InstallPackage =>PackageResourceViewer;
2. Ctrl+Shift+P => prv => PackageResourceViewer: Open Resourse;
3. Ищешь Python => Snippets/ => "nameOfSnippet" => "творишьЧтоХотишь" => Ctrl + S => Reboot ST3;
3.1 Если нужного сниппета нет, тыкай любой и сохраняй. Наведя на название файла во вкладке, всплывет путь, куда он сохранился. Иди туда, переименовывай и правь, как захочешь.
Автокоплит:
Preferences => Settings. Во вкладке ". - User" пишешь: < "auto_complete": false >- и всё, он в анабиозе.
Если хочешь посмотреть, как он выглядит по умолчанию, то во левом окне Default крути вниз, или забей в поиск.
На примере HTML:
1. Смотрим /opt/sublime_text/Packages/HTML.sublime-package (это zip-архив без сжатия). В каталоге Snippets ищем нужный сниппет (в данном случае их два почти одинаковых, для вставки скелета html по таб-триггеру используется html.sublime-snippet, для чего второй — непонятно).
2. Создаем каталог
/.config/sublime-text-3/Packages/HTML/Snippets/
3. Копируем туда нужный сниппет и правим, как надо (я добавил язык и кодировку). Результат появляется немедленно, безо всяких перезапусков.
Пришло время рассмотреть такую возможность в Sublime Text 2, как сниппеты. Надеюсь, все в курсе, что сниппеты — это фрагменты кода/текста, пригодные для многократного использования.
Для того, чтобы увидеть доступные для текущего типа файла сниппеты, достаночно выбрать в меню пункт Tools → Snippets… , либо же воспользоваться уже знакомой нам комбинацией Ctrl + Shift + P , и начать набирать в появившейся панели слово «snippet». Обратите внимание, что набор доступных сниппетов меняется в зависимости от выбранного типа файла.
Выбрать необходимый для вставки сниппет можно как через командную панель (см. предыдущий абзац), так и просто набрав условное сокращение и нажав на клавишу «Tab». Подсказки по этим самым условным сокращениям можно видеть в общем списке на панели команд.
Для многих типов файлов наборы сниппетов изначально отсутствуют вовсе, но их можно установить. Механизм установки набора сниппетов тот же, что и механизм установки плагинов. Либо же можно создавать сниппеты самостоятельно, что мы сейчас и сделаем.
Ваш первый сниппет в Sublime Text 2
Попробуем на примере создания нового сниппета рассмотреть доступные возможности.
Первым делом нажмите комбинацию Ctrl + S для сохранения текущего сниппета. Обратите внимание, что Sublime предлагает сохранить сниппет в пользовательской директории профиля пользователя (в папке Packages/User ) под именем untitled.sublime-snippet . Естественно, имя файла вы можете изменить на свое усмотрение, а расширение оставьте неизменным. Причем желательно давать файлам осмысленные имена, поскольку эти имена будут отображаться в подсказке рядом с сокращением для запуска сниппета. Также рекомендую во избежание дальнейшей путаницы не валить все сниппеты в одну кучу, а создать для их хранения структуру из вложенных подпапок в папке Packages/User .
Теперь раскомментируйте строку, содержащую тег tabTrigger . Последовательность символов, заключенная в этот тег, представляет собой сокращение, служащее для вставки сниппета. Вы можете изменить это сокращение на свое усмотрение.
Раскомментировав вторую доступную опцию (заключенную в тег scope ), вы можете задать типы файлов, в которых сниппет будет доступен для использования. Например, если вы хотите, чтобы сниппет был доступен только при редактировании html-файлов, то соответствующая строка должна выглядеть так:
Если же строку, содержащую тег scope , оставить закомментированной, то сниппет будет доступен при работе с любыми типами файлов.
Обратите внимание, что для того, чтобы закомментировать или раскомментировать строку (или последовательность символов) в Sublime Text 2, достаточно поставить курсор на эту строку (или выделить последовательность символов) и нажать комбинацию Ctrl + / . При этом умный Sublime распознает тип документа и создаст комментарий, соблюдая текущий синтаксис.
У сниппетов в Sublime есть одно очень полезное свойство — возможность задавать ключевые точки для редактирования, переключаться между которыми можно по нажатию на Tab . Позиции этих точек задаются при помощи символа $ и фигурных скобок (см. скриншот выше). Причем можно задать как «пустую» ключевую точку, так и заполнить ее дефолтным текстом (который автоматически выделяется при переключении на эту точку). Пустую ключевую точку имеет смысл создавать, если вы хотите, чтобы курсор просто встал в нужное место. Например, здесь в первой ключевой точке курсор просто установится в заданное место, а при переключении на вторую точку будет выделено слово «сниппет»:
Есть множество неочевидных, но полезных кейсов, доступных для использования в сниппетах. Так, можно использовать в сниппетах уже известные нам множественные курсоры, если нужно ввести один и тот же текст несколько раз. Вот реальный пример такого рода, используемый в моем случае для редактирования статей в Joomla (в том числе и этой):
В примере выше один и тот же текст задается для заголовка страницы и текста названия в содержании статьи. Если вы не работаете с Joomla, можете не заморачиваться с этим примером, просто возьмите прием на вооружение.
Таким же образом можно создавать какие угодно необходимые вам сниппеты.
Установка сниппетов через Package Control
В предыдущей части статьи мы рассмотрели возможность самостоятельного создания сниппетов. Однако большинство кодеров работают с одними и теми же языками программирования и разметки, соответственно для их работы нужны и примерно одинаковые наборы сниппетов. Так зачем же тратить уйму времени на создание своих сниппетов, если можно воспользоваться плодами трудов других разработчиков?
В Sublime Text 2 предусмотрена возможность устанавливать наборы сниппетов в виде пакетов (таких же, как плагины, темы и т.п.). Делается это все через тот же Package Control.
Для начала нужно запустить командную панель комбинацией клавиш Ctrl + Shift + P , набрать там слово install и нажать Enter (при этом должна появиться и подсветиться строка «Package Control: Install Package» ).
Теперь вы можете поискать нужный набор сниппетов точно так же, как ищете плагины. Вообще, в Package Control пакеты не разделяются по типам, то есть плагины, наборы сниппетов, темы, правила подсветки и прочее находится в одном списке.
Итак, в появившемся окошке установки пакетов через Package Control введите свой поисковый запрос. Например, это может быть слово snippet , если вы просто хотите просмотреть список доступных к установке наборов сниппетов. Либо же вы сразу можете набрать название языка программирования, для которого хотите установить набор сниппетов.
После установки сниппета вы точно также можете увидеть в командной панели список всех доступных сниппетов для текущего типа файла, набрав в командной панели ( Ctrl + Shift + P ) соответственно слово snippet , либо название нужного языка. Естественно, такой просмотр следует осуществлять только в качестве подсказки по доступному набору сниппетов, поскольку вставлять в документ сниппеты из командной панели далеко не так удобно, как использовать для этого буквенное сокращение и клавишу Tab .
Это все, что я хотел рассказать про сниппеты. Рекомендую также взглянуть на другие мои статьи про Sublime Text 2, если вы этого еще не сделали:
Sublime Text — один из лучших текстовых редакторов в мире. Количество встроенных функций и расширений, которые доступны благодаря плагинам восхищает даже самого искушенного пользователя. Git, Vim, Python, Shell Script, регулярные выражения — все лучшие изобретения человечества собраны в этой маленькой программе. Приложение невероятно красиво и удобно в использовании. Один раз открыв Sublime вы не закроете его никогда.
Установка
Удивительно, но столь функциональное приложение весит всего лишь чуть более 7 мегабайт. Установка мгновенна и не требует участия пользователя.
Пользоваться продуктом без ограничений функций можно бесплатно, но приложение иногда очень ненавязчиво напоминает о необходимости приобретения лицензии. Sublime Text один из немногих продуктов, который своим высочайшим качеством вызывает непреодолимое желание поделиться своими кровными с разработчиками. Тем более что текстовый редактор настолько хорош и стоит гораздо больше, чем те $70, которые за него просят.
Если имеются трудности с пониманием английского языка, можно установить плагин для русификации меню. Подробнее об установке плагинов будет рассказано ниже.
Основы использования
При запуске программы открывается безымянный текстовый файл.
В левом нижнем углу отображается строка и символ, на котором сейчас находится курсор. При наборе текста в Sublime кажется, будто клавиши под пальцами становятся мягче и процесс печати идет резвее.
Если подвести указатель мыши к верхней стороне экрана, то отобразится меню. В разделе File можно сохранить текущий документ или открыть новый для редактирования.
Файл можно сохранить под любым расширением.
И в большинстве популярных кодировок:
Верно и обратное. В Sublime можно открыть файл с любым расширением и кодировкой.
К слову, в Sublime вся введенная информация сохраняется автоматически. Текстовый редактор крайне редко принудительно завершает работу (у меня это было один-единственный раз, когда я пыталась сделать 20 тысяч замен символов в тексте одной командной), но даже в таком случае ни один напечатанный символ не пропадет.
Перемещение по документу
С правой стороны экрана отображается структура текста документа в миниатюре, которая позволяет мгновенно перемещаться из одной части файла в другую.
Переставить курсор на определенную строку или символ можно с помощью меню Goto.
Но самая мощь Sublime ощущается при использовании закладок. Добавить закладку в текст можно с помощью пункта меню Goto -> Bookmarks -> Toogle Bookmark. Перемещаться между закладками можно с помощью команд Next Bookmark и Previous Bookmark.
Поиск и замена
Если выбрать пункт меню Find ->Find, то внизу экрана появится панель поиска.
C окошком для ввода искомых символов и кнопками в правой части экрана все понятно. Разберемся для чего нужны иконки в левом нижнем углу экрана.
Самая левая кнопка включает поддержку регулярных выражений. Объяснять что это такое и зачем они нужны в этой статье не будем. Об этом лучше почитать у Джеффри Фридла.
Следующая за ней кнопка делает поиск чувствительным к регистру.
По умолчанию, поиск идет в тексте начиная от текущего положения курсора и далее вправо и вниз (по ходу чтения). Кнопка с перевернутой стрелкой позволяет сменить это направление на противоположное.
Рядом с белым окном находится кнопка, которая подсвечивает все найденные в тексте совпадения. А кнопка слева от нее ограничивает область поиска выделенным фрагментом.
Аналогичная панель появляется при вызове пункта меню Find -> Replace.
Палитра команд
Для повышения продуктивности многие команды можно запускать из палитры команд, которая открывается из пункта меню Tools -> Command Palette.
Настройки
Настройки Sublime меняются путем редактирования текста конфигурационного файла. К каждому параметру прилагается как минимум один абзац пояснений, что позволяет без труда разобраться что к чему. Обратите внимание, что выбранную тему оформления тоже можно менять через текст конфигурационного файла.А теперь перейдем к функциям Sublime, которые делают его великолепным редактором кода.
Подсветка синтаксиса
Подсветка синтаксиса в этом текстовом редакторе выглядит просто волшебно. Вот, к примеру, немного PHP и SQL:А вот HTML + JavaScript:
Sublime Text умеет эффектно подсвечивать код, написанный на трех десятках языков программирования.
Чтобы включить соответствующие оформление надо просто сохранить файл под правильным расширением.
Если вам нужно подсвечивать Brain Fuck, Fortran или еще какую-нибудь экзотику, то можно написать для этой цели собственный плагин или установить уже готовый.
Автодополнение кода
Sublime можно полюбить только за то, что кавычки и скобки в нем не нужно набирать два раза.
Стоит ввести в Sublime один символ, как он тут же предложит варианты завершения строки:
Сворачивание кода
Если при взгляде на код голова кругом идет от иерархии циклов и условий, то значит это плохой код чтобы в нем разобраться без Sublime не обойтись. Слева, в том месте где отображается нумерация строк возле начала циклов и условий есть засечки, которые позволяют скрывать ненужные блоки кода. Для PHP эта функция работает отлично:
Сниппеты
При желании можно создавать собственные сниппеты и использовать коллекции чужих сниппетов.
Проекты
Еще одна замечательная функция Sublime, которая пригодится не только программистам — возможность объединить несколько файлов в один проект, что позволяет открывать и закрывать эти файлы одним движением руки, а также применять к ним групповые операции.
Чтобы отобразить в Sublime боковую панель с обозревателем файлов необходимо перетащить нужную папку на поле для набора текста.
Теперь можно сохранить выбранные файлы в виде проекта с помощью пункта меню Project -> Save Project As. После этого файлами можно манипулировать как отдельным проектом.
Сочетания клавиш
Для каждой команды в Sublime есть сочетание клавиш, которое позволяет мгновенно ее запускать. Их очень легко выучить, так как они написаны возле соответствующего пункта меню.
Макросы
Для запуска записанного макроса используется команда Playback Macro. Записанный макрос можно сохранить под расширением sublime-macro и делиться им с другими пользователями.
Гарантированный способ повысить скорость набора кода — научиться работать в текстовом редакторе vim, который существует уже почти четверть века. Он позволяет работать с текстом не притрагиваясь к мыши или трекболу. Это повышает производительность труда как минимум на треть. Задача освоения vim не самая простая, но она стоит того, чтобы за нее взяться.
Для работы в режиме Vim, в стандартной комплектации Sublime есть плагин Vintage Mode. По умолчанию он находится в неактивном состоянии. Включить его можно прописав в конфигурационном файле значение true для параметра vintage_start_in_command_mode.
И указать каким образом будет производиться вход и выход из vim режима:
Если вы пока еще не работали с vim, то велика доля вероятности что вам стоит научиться это делать. Вот эту картинку можно поставить на рабочий стол и в минуты размышлений созерцать ее и запоминать комбинации клавиш для vim/Vintage Mode для Sublime:
Плагины
-
. Это дополнение позволяет управлять всеми плагинами для Sublime; . Плагин для работы с популярной системой контроля версий; . Использование командной строки в разы ускоряет работу с файлами проекта; . Выравнивает отступы в HTML, CSS, JavaScript и PHP; . Убирает лишние пробелы; . Мгновенно подбираем цвет и вставляем в текст его шестнадцатеричный код; . Удобная подсветка синтаксиса Markdown.
Написать свой плагин для Sublime может любой разработчик, владеющий языком Python. Подробнее о Sublime API и написании плагинов можно прочитать в статье How to create a Sublime Text 2 Plugin.
Где искать дополнительную информацию
На русском языке
Есть сайт с русскоязычной документацией по Sublime, но на данный момент на нем довольно мало информации.
На английском языке
О новых версиях можно почитать в официальном блоге продукта.
У пользователей Sublime Text есть форум, на котором за все время создано около 15 тысяч тем и каждый человек может задать свой вопрос.
О Sublime Text издана отдельная книга, которая содержит самое полное руководство по использованию текстового редактора. Стоит она 40 долларов, но ее авторы гарантируют, что это скромная инвестиция окупится мгновенно.
Читайте также: