К постам Опубликовано: 2016-09-03

Улучшаем продуктивность из Sublime Text

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

PACKAGE CONTROL

Package Control одна и причин для загрузки Sublime Text плагинов и тем. Инструкции по установке есть на оф.сайте Package Control. Однажды установив, вы можете его использовать через командную строку. Для установки плагина, нажмите [code]Cmd ⌘ + Shift ⇧ + P (Mac)[/code] или [code]Ctrl ⌃ + Shift ⇧ + P[/code] (Windows и Linux), а потом нажмите Install Package и нажмите “Ентер” Загрузка списка плагинов в репозитории занимает несколько секунд, но когда вы сможете вводить имя плагина, вы сможете установить их оттуда.

SIDEBAR ENHANCEMENTS

Sublime Text’s стандартный сайдбар может только делать ограниченные задачи. Sidebar Enhancements плагин оснащает Sublime Text командами для открытия файлов в браузере, копировании, вставке, копировании пути, дублировании, удалении и еще большего.

PLAIN TASKS

Plain Tasks конвертирует Sublime Text в мощного планировщика задач. Вы можете установить с помощью Package Control. Создать файл из .todo как расширение для активации Plain Tasks. Для подсказок, вы можете следовать руководству предоставленым плагином, доступным в “Preferences” → “Package Settings” → “Plain Tasks” → “Tutorial.” Для новой задачи:
  • Cmd ⌘ + Return ↵ (Mac)
  • Ctrl ⌃ + Return ↵ (Windows and Linux)
Отметить как выполненной задачу:
  • Cmd ⌘ + D (Mac)
  • Ctrl ⌃ + D (Windows and Linux)
Отметить как отмененной задачу :
  • Ctrl ⌃ + C (Mac)
  • Alt + C (Windows and Linux)

SUBLIME LINTER

Проверка вашего кода на ошибки с помощью Sublime Linter. Плагин обеспечивает каркас для отслеживания вашего кода. Актуальная проверка выполняется с помощью дополнительных плагинов(для Ruby, Python, JavaScript и т.д.), что значит, вам нужно установить Sublime Linter первым, а потом установить синтаксис который вы будете проверять.

EMMET

Emmet, однажды знаный как Zen Coding, это независимый инструмент для каждого веб-разработчика. Это наиболее продуктивный и сохраняющий время плагин, который вы можете только найти. Написание кода занимает время, и написание HTML как написание тегов и потом их закрытие, добавление класса в кавычки - может быть нудно и долго. Emmet берет на себя все это. Он магически разворачивает аббревиатуры в полный HTML или CSS структуру. Синтаксис который он использует позаимствовано из CSS селекторов. Давайте посмотри на него в действии.

SUBLIME TUTOR

Sublime Tutor это интерактивное, встроенное руководство для горячих клавиш в Sublime Text. Если вы только начали из Sublime Text, плагин ускорит вашу продуктивность, уча вас памятками и трюками редактора. Плагин использует технику, которая удостовериться что вы запомнили команды которой она вас научила. sublime-tutor-opt-preview

Sublime Text функции

Найти что-угодно LINK

Это обычно наиболее мощная и более используемая команда в Sublime Text. Навигация сквозь файлы, папки, символы и строки с легкостью. Пойти к файлу:
  • Cmd ⌘ + P (Mac)
  • Ctrl ⌃ + P (Windows and Linux)
Нажмите гор. клавишу, и начните набирать имя файла. Sublime Text преобразует ваш ввод и найдет требуемый файл. Пойти к символу:
  • Cmd ⌘ + R (Mac)
  • Ctrl ⌃ + R (Windows and Linux)
Пойти к строке:
  • Ctrl ⌃ + G (Mac)
  • Ctrl ⌃ + G (Windows and Linux)

Выбор слов

  • Cmd ⌘ + D (Mac)
  • Ctrl ⌃ + D (Windows and Linux)
Положите курсор на слово, и нажмите горячую клавишу, и слово выделиться. Если вы нажмете на ту самую комбинацию еще раз, Sublime Text перейдет в мульти-выбор режим и выберет остальные похожие слова в документе. Вы можете использовать этот метод для быстрого добавления и замены текста всех вхождений слова.
  • Ctrl ⌃ + Cmd ⌘ + G (Mac)
  • Alt + F3 (Windows and Linux)
Это другой путь для достижения той же вещи. Вместо поиска одного слова, будут выделены все схожие слова на котором лежит ваш курсор.

Расширение области выбора

  • Cmd ⌘ + Shift ⇧ + Space ␣ (Mac)
  • Ctrl ⌃ + Shift ⇧ + Space ␣ (Windows and Linux)
Эта горячая клавиша ультра-полезна для JavaScript разработчиков. Она выбирает текущую область видимости. Нажимая на эту же комбинацию еще раз, идет выбор родительской области видимости. Видео покажет как это работает:

Разрыв выделения на линии

  • Cmd ⌘ + Shift ⇧ + L (Mac)
  • Ctrl ⌃ + Shift ⇧ + L (Windows and Linux)
Используя эту горячую клавишу для выбранной области в мульти линии, переводя Sublime Text в мульти-выбор режим. Я использую этот трюк для быстрой конвертации списка слов в незакрытый массив строк.

Колоночное выделение

  • Ctrl ⌃ + Shift ⇧ + Up ↑ / Down ↓ (Mac)
  • Ctrl ⌃ + Alt + Up ↑ / Down ↓ (Win)
  • Alt + Shift ⇧ + Up ↑ / Down ↓ (Linux)
Используя эту комбинацию выбора колонки в Sublime Text. Положите ваш курсор куда нибудь в документе, и потом нажмите на комбинацию для перемещения вверх или вниз. Это также переведет вас в мульти-выбор режим, как две команды выше.

Сортировка

  • F5 (Mac)
  • F9 (Windows and Linux)
Я люблю держать CSS свойства отсортированными в алфавитном порядке. Эта команда Очень полезна для этого. Выберите блок который вам нужно отсортировать (pro памятка: используйте Ctrl ⌃ + Shift ⇧ + J для выбора блока), и потом нажмите на комбинацию.

Включение проверки орфографии

  • F6
Используйте этот ключ для быстрого переключения орфографии.  

Комментирование

Cmd ⌘ + / (Mac) Ctrl ⌃ + / (Windows and Linux) Это одна из наиболее часто используемых комбинаций. Выделения комментариев для любого программного языка делает простым с помощью этой комбинации. В HTML файле, оно генерирует пару <!-- --> тегов, тогда как в JavaScript // в начале строки.

Поднятие линии вверх или вниз

Cmd ⌘ + Ctrl ⌃ + Up ↑ / Down ↓ (Mac) Shift ⇧ + Ctrl ⌃ Up ↑ / Down ↓ (Windows and Linux) Хочеться переместить сниппет кода на пять линий выше? Вырезание и вставка это уже старая школа. Используя данную комбинацию вы можете с легкостью перемещать линии вверх или вниз.

Дублрование выбора

Cmd ⌘ + Shift ⇧ + D (Mac) Ctrl ⌃ + Shift ⇧ + D (Windows and Linux) По умолчанию, эта комбинация дублирует текущую линию и кладет ее на следующую линию. Если вы выделите регион и нажмете данную комбинацию, оно выделит полностью выделенный регион.

Присоединение двух линий

Cmd ⌘ + J (Mac) Ctrl ⌃ + J (Windows and Linux) Что-то похожее на минификацию, убирает лишние пробелы.

Пойти к скобке в поле курсора Ctrl ⌃ + M Используйте данную команду для перемещения курсора от одной позиции между скобками к другой.

Закрыть HTML тег

Cmd ⌘ + Opt ⌥ + . (Mac) Alt + . (Windows and Linux) Используйте эту комбинацию для закрытия текущего открытого тега HTML. Это вставляет закрывающий тег в текущей локации курсора.

Найти в проекте

Cmd ⌘ + Shift ⇧ + F (Mac) Ctrl ⌃ + Shift ⇧ + F (Windows and Linux) Это эквивалентный grep в Sublime Text. Он находит значение в текущем проекте. Это очень быстрая операция. Есть опции для регистро-зависимости и для поиска по регулярным выражениям. Для поиска отдельного значения данного документа, положите курсор на это значене и нажмите Ctrl ⌃ + E, которое положит значение в буфер поиска. Если вы нажмете комбинацию выше, выскочит строка поиска из ранее выделенным словом.

Переключение между табами

Cmd ⌘ + Shift ⇧ + [ or ] (Mac) Ctrl ⌃ + Page Up ⇞ or Page Down ⇟ (Windows and Linux) Как в браузере, вы можете открыть несколько табов в Sublime Text. Для переключение между ними, вы можете использовать комбинации записанные выше, и используйте Cmd ⌘ + T (Mac) или Ctrl ⌃ + N (Windows and Linux) для создания нового таба. Фух, спасибо за внимание =)