freeCodeCamp/guide/russian/developer-tools/source-code-editors/adding-snippets-to-your-sub.../index.md

2.8 KiB
Raw Blame History

title localeTitle
Adding Snippets to Your Sublime Text Installation Добавление фрагментов к вашей строжайшей текстовой установке

Если вы являетесь пользователем возвышенного текста (я надеюсь, что вы это делаете, он пинает задницу. Вы можете получить его здесь ), тогда вы, возможно, уже заметили некоторые возможности завершения табуляции. Например, когда вы открываете тег html, такой как <p> , он автоматически закрывает тег сразу после ввода / . Вы можете получить аналогичную функциональность для фрагментов кода, которые вы в конечном итоге переписываете снова и снова, и это удивительно просто!

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

alt text

Шаг 1.

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

alt text

Шаг 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 .

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