Sublime text 3 plugins: 15 прекрасных плагинов для Sublime Text

{
    "always_show_minimap_viewport": true,
    "bold_folder_labels": true,
    "caret_extra_width": 2,
    "caret_style": "solid",
    "color_scheme": "Packages/User/SublimeLinter/Monokai Extended Bright (SL).tmTheme",
    "copy_with_empty_selection": false,
    "detect_indentation": true,
    "detect_slow_plugins": false,
    "drag_text": false,
    "draw_minimap_border": true,
    "draw_shadows": false,
    "enable_tab_scrolling": false,
    "fade_fold_buttons": false,
    "fallback_encoding": "Cyrillic (Windows 1251)",
    "find_selected_text": true,
    "findreplace_small": true,
    "flatland_sidebar_tree_small": true,
    "flatland_square_tabs": true,
    "font_face": "Consolas",
    "font_options":
    [
        "subpixel_antialias",
        "no_round"
    ],
    "font_size": 11,
    "git_gutter_live_mode": true,
    "high_visibility_color": "__bracket__",
    "high_visibility_style": "outline",
    "highlight_line": true,
    "highlight_modified_tabs": true,
    "ignored_packages":
    [
        "Emmet Css Snippets",
        "Markdown",
        "Path Tools",
        "Vintage"
    ],
    "itg_scrollbar_small": true,
    "itg_sidebar_tree_small": true,
    "itg_small_tabs": true,
    "line_padding_bottom": 1,
    "line_padding_top": 1,
    "match_brackets_content": false,
    "match_selection": false,
    "match_tags": false,
    "material_theme_disable_fileicons": false,
    "material_theme_disable_folder_animation": true,
    "material_theme_small_statusbar": true,
    "material_theme_small_tab": true,
    "open_files_in_new_window": false,
    "overlay_scroll_bars": "enabled",
    "preview_on_click": true,
    "remember_open_files": true,
    "scroll_past_end": true,
    "scroll_speed": 5.  &*|+=[]{}`~?",
    "word_wrap": true
}

 {
    "alignment_chars": [
        "(", ":"
    ]
}
 

 <дел>
    <дел>
    <ул>
        
Элемент 1
        
Элемент 2
        
Элемент 3
    

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

 #page>div.logo+ul#navigation>li*3>a{Item $} 

Если вы посмотрите на синтаксис, то заметите, что аббревиатуры следуют очень логичным схемам. Помимо создания кода, Emmet также позволяет вам перемещаться по полученным фрагментам, выбирать важные части, включать новые теги и многое другое.

По умолчанию Emmet включает в себя так много сокращений, что вам почти наверняка потребуется ознакомиться с его документацией, прежде чем начать.

3. SFTP

Сразу же название этого пакета должно дать вам представление о том, чего ожидать. Используя SFTP, вы можете сопоставить локальную папку с удаленной или напрямую редактировать файлы с сервера в Sublime Text.

Доступ к удаленному серверу через SFTP очень прост. Перейдите к File > SFTP/FTP  >  Setup Server. Здесь вы можете настроить параметры подключения FTP/SFTP:

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

4. JSHint

Если вы работаете с JavaScript, качественная проверка синтаксиса значительно облегчит устранение неполадок. С помощью JSHint вы можете получить быстрый обзор любых ошибок в вашем коде, а консоль пакета позволяет вам переходить от одного столбца к другому.

После установки JSHint вы можете включить его, нажав Control + J или Alt + J , чтобы открыть консоль для любого файла, над которым вы работаете:

Имейте в виду, что вам нужен node.js для работы JSHint на вашем компьютере. В противном случае пакет может вернуть ошибку при попытке отладки файла.

5. АвтоИмяФайла

AutoFilename — один из самых простых пакетов Sublime Text, которые вы найдете. Однако, как только вы начнете использовать его, вам может быть трудно вернуться.

Если AutoFileName установлен, если вы пытаетесь создать ссылку на файл с помощью тега href  , вы можете нажать Control + Space  , и автоматически отобразится список файлов и каталогов, расположенных на том же уровне, что и родительский. Вы можете легко просмотреть его с помощью курсора или клавиатуры и выбрать любой файл, который вы хотите. Пакет автоматически добавит свой путь.

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

Если вы хотите еще больше упростить процесс, вы можете настроить AutoFilename так, чтобы он срабатывал, не требуя нажатия Control + Space . Для этого откройте файл настроек пользователя и добавьте следующий код:

 "auto_complete_triggers":
[
  {
     "символы": "<",
     "селектор": "text.html"
  },
  {
     "персонажи": "/",
     "селектор": "string.quoted.double.html,string.quoted.single.html, source.css"
  }
]
 

После того, как вы сохраните этот код, AutoFilename будет срабатывать каждый раз, когда вы вводите косую черту, что сэкономит вам несколько нажатий клавиш.

6. LiveReload

Если вы ненавидите обновлять свой браузер каждый раз, когда вы вносите изменения в локальный файл, чтобы увидеть результаты, LiveReload может быть идеальным пакетом для вас. Это позволяет вам синхронизировать локальные файлы с вашим любимым браузером, поэтому, когда вы вносите изменения и сохраняете их, они будут отображаться мгновенно.

Чтобы LiveReload заработал, вам нужно сделать две вещи:

1. Добавьте сценарий LiveReload в файл HTML, над которым вы работаете, нажав Ctrl + Shift + P и выбрав параметр Вставить скрипт livereload.js (показан ниже).
2. Установите соответствующее расширение для используемого программного обеспечения.

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

Если у вас есть скрипт, вам нужно настроить расширение, если вы используете Safari, Chrome или Firefox. После настройки вы сможете добавить скрипт в любой файл и увидеть изменения в реальном времени, когда откроете их в браузере.

7. Различия файлов

Иногда вам нужно просмотреть длинные участки кода, чтобы найти последние модификации или изменения, внесенные кем-то другим. Однако поиск невооруженным глазом может быть неэффективным. Если у вас есть предыдущая или отдельная версия определенного файла, вы можете использовать FileDiffs, чтобы показать вам несоответствия.

После настройки FileDiffs вы можете щелкнуть правой кнопкой мыши в любом месте заголовка проекта или внутри самого файла, чтобы получить доступ к его меню:

Пакет предоставляет множество возможностей для сравнения с текущим файлом. Например, вы можете выбрать файл на другой вкладке или содержимое буфера обмена. Как только вы сделаете выбор, FileDiffs сгенерирует новый файл, включающий выделенные различия:

На снимке экрана выше вы можете увидеть выделенные различия между двумя короткими фрагментами кода. Чем сложнее файлы, с которыми вы имеете дело, тем больше времени FileDiffs может сэкономить вам.

8. Минификатор

Minification может быть отличной практикой, если вы пытаетесь улучшить производительность веб-сайта. Обычно вы используете сторонние инструменты для минимизации своего кода, но с правильным пакетом вы можете сделать это в Sublime Text.

Minifier позволяет обрабатывать как файлы JavaScript, так и файлы CSS. Все, что вам нужно сделать, это настроить пакет и использовать одну из этих двух комбинаций кнопок:

• CTRL + Alt + M :  Непосредственно уменьшает текущий открытый файл.
• CTRL + Alt + Shift + M :  Уменьшает текущий открытый файл и сохраняет выходные данные в новом.

В этом примере мы взяли файл . css файл, который изначально занимал более десятка строк и был уменьшен:

Процесс займет всего несколько секунд, что значительно сэкономит время при последующей оптимизации производительности.

9. TodoReview

Если вы склонны оставлять в коде напоминания о задачах, над которыми нужно поработать или к которым нужно вернуться, вам понравится TodoReview. В двух словах, пакет собирает списки комментариев, найденных в ваших проектах, и выводит их в новый файл, например:

Конфигурация пакета по умолчанию распознает только комментарии TODO . Однако вы можете легко добавить новые шаблоны, изменив файл конфигурации пакета:

 "узоры": {
    "TODO": "TODO[\\s]*?:[\\s]*(?P.*)$",
    "СРОЧНО": "СРОЧНО[\\s]*?:[\\s]*(?P<срочно>.*)$",
}
 

В этом примере мы устанавливаем новый тип шаблона для распознавания пакетом (срочно!). Вы можете настроить столько, сколько хотите.

10. Все автозаполнение

По умолчанию Sublime Text попытается автозаполнить код в файле, над которым вы работаете. Это хорошее начало, но что, если вы работаете над проектом с несколькими файлами?

All AutoComplete расширяет базовые функции автозаполнения Sublime Text и помогает находить совпадения во всех открытых файлах. Это небольшая, но существенная разница, которая может ускорить ваш рабочий процесс разработки.

Если вы хотите настроить конфигурацию пакета или отключить его для определенных типов файлов, вы можете легко изменить его настройки, используя следующий код:

 "exclude_from_completion": [
    "CSS",
],
"min_word_size": 5, // не показывать завершение для слов с меньшим количеством символов много символов
 

В этом примере мы исключаем . файлов css  из-за автозаполнения и отключения функции для более коротких слов. Таким образом, пакет не срабатывает с разрушительной или раздражающей частотой.

Заключение

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

Когда дело доходит до выбора пакетов Sublime Text, которые вы должны использовать, это зависит от вашего уникального рабочего процесса. Если вы используете HTML и CSS, Emmet просто необходим. Другие пакеты, такие как AutoFilename и All Autocomplete, обычно являются лучшим выбором, независимо от того, какой тип разработки вы делаете.

У вас есть вопросы о пакетах Sublime Text? Дайте нам знать в комментариях ниже!

Миниатюра статьи от MchlSkhrv / Shutterstock. com

Packages — неофициальная документация Sublime Text

• Обзор
• Расположение пакетов (и сокращения)
  • .sublime-package Пакеты
  • Взаимодействия между пакетами с одинаковым именем
• Комплектация
• Типы пакетов
• Управление пакетами
  • Установка пакетов
  • Отключение пакетов
  • Включение пакетов
  • Удаление пакетов
• Настройка или переопределение пакетов
• Слияние и порядок приоритета
• Возврат Sublime Text к конфигурации по умолчанию

Пакет — это контейнер для ресурсов.

Есть три места для хранения пакетов для разных целей.

• Пакеты могут быть папками под Данные /Пакеты (кратко: Пакеты )

• или zip-архивы с расширением .sublime-package расположен под Данные / Установленные пакеты (короткий: Установленные пакеты ) или любой из его подкаталогов.

• Кроме того, Sublime Text предоставляет набор пакетов по умолчанию. как zip архивы в приложении /Пакеты (кратко: Отправленные посылки ), где Приложение относится к папке где находится исполняемый файл Sublime Text.

  Эта папка не предназначена для изменения пользователем.

Примечание

Для простоты будем иногда обращайтесь ко всем этим каталогам просто как Packages , и в пакет в любую папку ( .sublime-пакет или нет) как Пакеты /PackageName . Следовательно, файл внутри пакета также может называться PackageName/a_file.extension .

Пакеты, распространяемые как .sublime-package zip-архивы следует рассматривать как контейнеры ресурсов только для чтения и никогда не изменяться вручную. Поскольку они обычно обновляются целиком, любые ручные изменения, внесенные в них будут потеряны в процессе.

Если вы хотите изменить файлы в этих архивах, см. Настройка или переопределение пакетов.

Взаимодействия между пакетами с одинаковыми именами

Если существуют два пакета с одинаковыми именами в обоих Установленных пакетах и Отгруженных пакетах , будет использоваться тот, что в Installed Packages и тот, что в Shipped Packages , будет проигнорирован.

Любой файл в Packages / PackageName имеет приоритет над одноименным файлом в Установленные пакеты / PackageName .sublime-package или Отправленные пакеты / PackageName .sublime-package .

См. также Настройка или переопределение пакетов.

Типичные ресурсы, содержащиеся в пакетах, включают:

Некоторые пакеты могут содержать файлы поддержки для других пакетов или основных функций. Например, проверка орфографии использует Установленные пакеты /Language - English.sublime-package как хранилище данных для английских словарей.

В этом руководстве мы классифицируем пакеты для ясности при обсуждении этой темы, но Sublime Text не использует эту терминологию и не надо этому учиться.

отправленные пакеты

пакеты по умолчанию

Набор пакетов с которым поставляется Sublime Text. Некоторые из этих пакетов являются базовыми. в то время как другие улучшают Sublime Text для поддержки распространенных языков программирования из коробки.

Примеры: по умолчанию, Python, Java, C++, Markdown.

Находится в Отправленные посылки .

основные пакеты

Sublime Text требует эти пакеты для того, чтобы функционировать должным образом.

Полный список: По умолчанию, Тема — по умолчанию, Цветовая схема — по умолчанию, Текст, Английский язык.

Они являются частью отправленных пакетов и расположен в Отправленные посылки .

пользовательские пакеты

Установлено или создано пользователем для расширения функциональности Sublime Text. Они не являются частью Sublime Text, и всегда вносятся пользователями или третьих лиц.

Пример: Пользователь.

Расположен в Пакеты и Установленные пакеты .

установленные пакеты

Подтип пользовательских пакетов .

Установленные пакеты .sublime-package архивы и обычно поддерживается менеджером пакетов.

Находится в Установленные пакеты .

Примечание

Из-за неудачного названия этой папки, речь об установке пакеты в Sublime Text сбивает с толку.

Иногда в этом руководстве под установкой мы подразумеваем «добавление пользовательского/стороннего пакета в Sublime Text» (в любой форме), и иногда мы используем термин в более строгом смысле ‘копирование архива .sublime-package до Установленные пакеты ’.

переопределение пакетов

Специальный тип пользовательских пакетов .

Пакеты переопределения

служат для настройки пакетов которые распределяются как .sublime-package файлов. Они эффективно вводятся в исходную упаковку и не автономный.

Дополнительные сведения см. в разделе «Настройка или переопределение пакетов».

Находится в Пакетах .

Обратите внимание, что третьей стороной мы также ссылаемся на пользователей других редакторы, особенно Textmate, как Sublime Text и Textmate совместно использовать некоторые типы файлов ресурсов которые можно использовать повторно без модификации.

Установка пакетов

Примечание

Обычные пользователи редко нужно знать как установить пакеты вручную, как автоматические менеджеры пакетов доступны.

Фактический менеджер пакетов для Sublime Text — Управление пакетами.

Пакеты могут быть установлены двумя основными способами:

• путем копирования ресурсов Sublime Text в папку под Packages или
• , скопировав файл . sublime-package до Установленные пакеты .

Отключение пакетов

Чтобы временно отключить пакеты, вы можете добавить их в список ignored_packages в файле Packages /User/Preferences.sublime-settings . Пакеты будут загружены или выгружены по мере необходимости при сохранении файла настроек.

Включение пакетов

Чтобы повторно включить пакет, удалить имя пакета из списка ignored_packages в ваших пакетах /User/Preferences.sublime-settings 9файл 0297.

Удаление пакетов

Если вы установили пакет с помощью диспетчера пакетов, удалите его, используя метод, предоставленный менеджером пакетов.

Если вы установили пакет вручную, следуйте этой процедуре, чтобы безопасно удалить пакет:

1. Отключить пакет во время работы Sublime Text.
2. Закрыть Sublime Text.
3. Удалить ресурсы пакета с диска.
4. Удалить имя пакета из списка ignored_packages 9Список 0297.

В дополнение к ресурсам вы разместили изначально в папке Packages или в папке Installed Packages , плагины могут создавать файлы конфигурации (например, файлы .sublime-settings ) или другие файлы для хранения данных, связанных с пакетом. Часто вы найдете их в пакете User . Поэтому, если вы хотите удалить все следы пакета, вам нужно будет найти и удалить все дополнительные файлы что он мог быть установлен.

Предупреждение

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

Начиная с пакетов в .sublime-package zip архивах доступны только для чтения, вы не можете изменить их напрямую. Однако Sublime Text позволяет вам создать пакет переопределения который будет эффективно вставлять файлы в исходный архив без изменения самого архива.

Чтобы создать пакет переопределения, создать новую папку под Пакеты и назовите его после файла .sublime-package вы хотите переопределить, исключая расширение. Любой файл, который вы создаете в этом пакете будет иметь приоритет над любым файлом с таким же именем в оригинальной упаковке.

Плагины Python в пакетах переопределения могут использовать относительный импорт для доступа к другим модулям в соответствующем файле .sublime-package как если бы они были частью этого.

Предупреждение

Файлы в пакетах переопределения переопределяют файлы целиком. Если переопределенный файл в соответствующем .sublime-package обновлен, вы не будете уведомлены.

Приоритет пакета важен для объединения определенных ресурсов, например, файлы .sublime-keymap и .sublime-settings , и для загрузки плагинов (файлы .py ).

Если существует пакет переопределения для пакета .