---
title: Adding Snippets to Your Sublime Text Installation
localeTitle: Добавление фрагментов к вашей строжайшей текстовой установке
---
Если вы являетесь пользователем возвышенного текста (я надеюсь, что вы это делаете, он пинает задницу. Вы можете получить его [здесь](https://www.sublimetext.com/) ), тогда вы, возможно, уже заметили некоторые возможности завершения табуляции. Например, когда вы открываете тег html, такой как `<p>` , он автоматически закрывает тег сразу после ввода `/` . Вы можете получить аналогичную функциональность для фрагментов кода, которые вы в конечном итоге переписываете снова и снова, и это удивительно просто!

Вот пример, который активируется после ввода `div` и затем вкладки:

![alt text](//discourse-user-assets.s3.amazonaws.com/original/2X/5/59a4d233d2dcb17b76a9c36ca30c5bb07a35d00b.png)

## Шаг 1.

Нажмите « `Tools > New Snippet...` на панели навигации. Это откроет файл скелетного фрагмента, который будет выглядеть следующим образом:

![alt text](//discourse-user-assets.s3.amazonaws.com/original/2X/a/a56106fbf754f7e641342d1ebdbc3f5bed582263.png)

## Шаг 2.

Вы добавите фрагмент, заменив текст `Hello, ${1:this} is a ${2:snippet}.`

В случае фрагмента `div` это так же просто, как размещение следующего текста в области фрагмента:
```
<!-- $1 --> 
 <div class= "$1"> 
 
 </div> 
 <!-- $1 --> 
```

Оператор `$` ссылается на переменные, которые будут введены после того, как вы наберете `div` и затем вкладку. На самом деле у вас может быть любое их количество!

## Шаг 3.

Сохраните файл. Вы можете `.sublime-snippet` ему любое имя файла, но расширение **должно** быть `.sublime-snippet` . Помните, вы можете иметь только один фрагмент файла! Мне нравится давать им описательные имена, такие как `html-div.sublime-snippet` .

И вот оно! Вы можете стать настолько креативными, насколько хотите.