Ярлыки и советы по повышению производительности с помощью Sublime Text

Опубликовано: 2022-03-10
Краткое резюме ↬ Sublime Text, без сомнения, является одним из самых мощных текстовых редакторов. Об этом свидетельствует количество довольных пользователей. Если вы изучите его, вы в конечном итоге увидите, как красиво его мощные функции скрыты за простым и элегантным интерфейсом. Если вы уже некоторое время используете Sublime Text, сейчас самое время обновить свой арсенал новыми боеприпасами. Я познакомлю вас с некоторыми из моих любимых советов и приемов. Знание их может просто раскрыть миру ваши скрытые способности программиста.

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

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

Дальнейшее чтение на SmashingMag:

  • 50 эффективных способов сэкономить время для веб-дизайнеров
  • Мощные советы, инструменты и рекомендации по рабочему процессу для веб-дизайнеров
  • Как организовать рабочий процесс написания кода

Плагины возвышенного текста

Управление пакетами

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

Еще после прыжка! Продолжить чтение ниже ↓

После установки вы можете получить к нему доступ с помощью палитры команд. Чтобы установить плагин, нажмите Cmd ⌘ + Shift ⇧ + P (Mac) или Ctrl ⌃ + Shift ⇧ + P (Windows и Linux), а затем введите « Install Package » и нажмите «Возврат». Список плагинов в репозитории загружается несколько секунд, но затем вы можете ввести название интересующего вас плагина и установить его оттуда. Некоторые из моих любимых плагинов перечислены ниже.

Контроль пакетов.

Улучшения боковой панели

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

Улучшения боковой панели.

Простые задачи

Plain Tasks превращает Sublime Text в мощный менеджер списков дел. Вы можете установить его через Package Control. Создайте файл с расширением .todo , чтобы поверх него активировать Plain Tasks. Чтобы получить другие советы, вы можете получить доступ к учебному пособию, предоставленному в плагине, доступном в «Настройки» → «Настройки пакета» → «Обычные задачи» → «Учебное пособие».

Для новой задачи:

  • Cmd ⌘ + Return ↵ (Mac)
  • Ctrl ⌃ + Return ↵ (Windows и Linux)

Чтобы отметить как выполненное:

  • Cmd ⌘ + D (Mac)
  • Ctrl ⌃ + D (Windows и Linux)

Чтобы отметить как отмененное:

  • Ctrl ⌃ + C (Мак)
  • Alt + C (Windows и Linux)
Простые задачи.

Возвышенный Линтер

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

Великолепный Линтер.

Эммет

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

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

Эммет.

Великолепный наставник

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

Плагин Sublime: Sublime Tutor
Великолепный наставник.

Используйте Package Control для установки плагина. После его установки вы можете получить доступ к репетитору через меню «Справка» или Ctrl ⌃ + Alt ⌥ + K

Возвышенные текстовые функции

Перейти к чему угодно

Это, вероятно, самая мощная и наиболее часто используемая команда в Sublime Text. С легкостью перемещайтесь по файлам, папкам, символам и линиям.

Чтобы перейти к файлу:

  • Cmd ⌘ + P (Mac)
  • Ctrl ⌃ + P (Windows и Linux)

Нажмите шорткод клавиатуры и начните вводить имя файла. Sublime Text выполнит нечеткий поиск и мгновенно найдет нужный файл.

Перейти к символу:

  • Cmd ⌘ + R (Mac)
  • Ctrl ⌃ + R (Windows и Linux)

Перейти к строке:

  • Ctrl ⌃ + G (Мак)
  • Ctrl ⌃ + G (Windows и Linux)

Чтобы перейти к определенной строке в файле, введите двоеточие, за которым следует номер строки, или используйте короткий код клавиатуры.

Идти на что угодно.

Выбор слова

  • Cmd ⌘ + D (Mac)
  • Ctrl ⌃ + D (Windows и Linux)

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

Выбор слов.
  • Ctrl ⌃ + Cmd ⌘ + G (Mac)
  • Alt + F3 (Windows и Linux)

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

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

  • Cmd ⌘ + Shift ⇧ + Space ␣ (Mac)
  • Ctrl ⌃ + Shift ⇧ + Space ␣ (Windows и Linux)

Этот ярлык чрезвычайно полезен для разработчиков JavaScript. Он выбирает текущую область. Повторное нажатие той же комбинации клавиш выбирает родительскую область. На видео понятно как это работает:

Расширьте выбор до области.

Разбить выделение на строки

  • Cmd ⌘ + Shift ⇧ + L (Mac)
  • Ctrl ⌃ + Shift ⇧ + L (Windows и Linux)

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

Разбить выделение на строки.

Выбор столбца

  • Ctrl ⌃ + Shift ⇧ + Up ↑ / Down ↓ (Mac)
  • Ctrl ⌃ + Alt + Up ↑ / Down ↓ (Победа)
  • Alt + Shift ⇧ + Up ↑ / Down ↓ (Linux)

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

Выбор столбца.

Сортировать

  • F5 (Мак)
  • F9 (Windows и Linux)

Мне нравится сортировать свойства CSS в алфавитном порядке. Эта команда чрезвычайно полезна для этого. Выберите блок, который нужно отсортировать (совет для профессионалов: используйте Ctrl ⌃ + Shift ⇧ + J , чтобы выбрать уровень отступа), а затем нажмите шорткод на клавиатуре.

Сортировать.

Включить проверку орфографии

  • F6

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

Включите проверку орфографии.

Комментарий

  • Cmd ⌘ + / (Mac)
  • Ctrl ⌃ + / (Windows и Linux)

Это один из моих наиболее часто используемых ярлыков. С помощью этого сочетания клавиш пометка комментариев на любом языке программирования упрощается. В файле HTML он помещает пару тегов <!-- --> , а в JavaScript ставит // в начале строки.

Комментарий.

Поднять строку вверх или вниз

  • Cmd ⌘ + Ctrl ⌃ + Up ↑ / Down ↓ (Mac)
  • Shift ⇧ + Ctrl ⌃ Up ↑ / Down ↓ (Windows и Linux)

Хотите переместить фрагмент кода на пять строк вверх? Вырезать и вставлять - это действительно старая школа. Используйте эту привязку клавиш, чтобы переместить фрагмент куда угодно. Нажмите ярлык еще раз, чтобы продолжить перемещение вверх или вниз.

Поднимите или опустите линию.

Дублировать выбор

  • Cmd ⌘ + Shift ⇧ + D (Mac)
  • Ctrl ⌃ + Shift ⇧ + D (Windows и Linux)

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

Дублирующий выбор.

Соединить две линии

  • Cmd ⌘ + J (Mac)
  • Ctrl ⌃ + J (Windows и Linux)

Это соединяет следующую строку с текущей строкой, заменяя все пробелы между ними одним пробелом. Выполняется на блоке линий, соединяет все линии вместе.

Соедините две линии.

Перейти к соответствующей скобке

  • Ctrl ⌃ + M

Используйте эту команду для перемещения курсора из одной скобки в другую. Это особенно полезно, когда вы заблудились в длинном методе и хотите достичь исходной позиции (или наоборот).

Перейти к соответствующей скобке.

Закрыть HTML-тег

  • Cmd ⌘ + Opt ⌥ + . (Мак)
  • Alt + . (Виндовс и Линукс)

Используйте этот ярлык, чтобы закрыть текущий открытый HTML-тег. Он вставляет соответствующий закрывающий тег в текущее положение курсора.

Закрыть HTML-тег.

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

  • Cmd ⌘ + Shift ⇧ + F (Mac)
  • Ctrl ⌃ + Shift ⇧ + F (Windows и Linux)

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

Чтобы найти определенный термин в текущем документе в рамках всего проекта, поместите курсор на этот термин, а затем нажмите Ctrl ⌃ + E , что поместит этот термин в поле поиска. Нажатие на шорткод выше заполняет поле поиска по всему проекту этим термином.

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

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

  • Cmd ⌘ + Shift ⇧ + [ или ] (Mac)
  • Ctrl ⌃ + Page Up ⇞ или Page Down ⇟ (Windows и Linux)

Как и в веб-браузере, вы можете открывать несколько вкладок в Sublime Text. Чтобы перейти с одной вкладки на другую, вы можете использовать сочетания клавиш, указанные выше, и использовать Cmd ⌘ + T (Mac) или Ctrl ⌃ + N (Windows и Linux), чтобы создать новую вкладку.

Переключение между вкладками.

Палитра команд

  • Cmd ⌘ + Shift ⇧ + P (Mac)
  • Ctrl ⌃ + Shift ⇧ + P (Windows и Linux)

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

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

Палитра команд.

Показать консоль

  • Ctrl ⌃ + `

Sublime Text поставляется со встроенным интерпретатором Python. Это удобный инструмент для выполнения команд Python или быстрого тестирования API-интерфейсов Sublime Text при разработке плагина для редактора.

Выбор столбца.

Сортировать

  • F5 (Мак)
  • F9 (Windows и Linux)

Мне нравится сортировать свойства CSS в алфавитном порядке. Эта команда чрезвычайно полезна для этого. Выберите блок, который нужно отсортировать (совет для профессионалов: используйте Ctrl ⌃ + Shift ⇧ + J , чтобы выбрать уровень отступа), а затем нажмите шорткод на клавиатуре.

Сортировать.

Включить проверку орфографии

  • F6

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

Включите проверку орфографии.

Комментарий

  • Cmd ⌘ + / (Mac)
  • Ctrl ⌃ + / (Windows и Linux)

Это один из моих наиболее часто используемых ярлыков. С помощью этого сочетания клавиш пометка комментариев на любом языке программирования упрощается. В файле HTML он помещает пару тегов <!-- --> , а в JavaScript ставит // в начале строки.

Комментарий.

Поднять строку вверх или вниз

  • Cmd ⌘ + Ctrl ⌃ + Up ↑ / Down ↓ (Mac)
  • Shift ⇧ + Ctrl ⌃ Up ↑ / Down ↓ (Windows и Linux)

Хотите переместить фрагмент кода на пять строк вверх? Вырезать и вставлять - это действительно старая школа. Используйте эту привязку клавиш, чтобы переместить фрагмент куда угодно. Нажмите ярлык еще раз, чтобы продолжить перемещение вверх или вниз.

Поднимите или опустите линию.

Дублировать выбор

  • Cmd ⌘ + Shift ⇧ + D (Mac)
  • Ctrl ⌃ + Shift ⇧ + D (Windows и Linux)

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

Дублирующий выбор.

Соединить две линии

  • Cmd ⌘ + J (Mac)
  • Ctrl ⌃ + J (Windows и Linux)

Это соединяет следующую строку с текущей строкой, заменяя все пробелы между ними одним пробелом. Выполняется на блоке линий, соединяет все линии вместе.

Соедините две линии.

Перейти к соответствующей скобке

  • Ctrl ⌃ + M

Используйте эту команду для перемещения курсора из одной скобки в другую. Это особенно полезно, когда вы заблудились в длинном методе и хотите достичь исходной позиции (или наоборот).

Перейти к соответствующей скобке.

Закрыть HTML-тег

  • Cmd ⌘ + Opt ⌥ + . (Мак)
  • Alt + . (Виндовс и Линукс)

Используйте этот ярлык, чтобы закрыть текущий открытый HTML-тег. Он вставляет соответствующий закрывающий тег в текущее положение курсора.

Закрыть HTML-тег.

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

  • Cmd ⌘ + Shift ⇧ + F (Mac)
  • Ctrl ⌃ + Shift ⇧ + F (Windows и Linux)

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

Чтобы найти определенный термин в текущем документе в рамках всего проекта, поместите курсор на этот термин, а затем нажмите Ctrl ⌃ + E , что поместит этот термин в поле поиска. Нажатие на шорткод выше заполняет поле поиска по всему проекту этим термином.

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

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

  • Cmd ⌘ + Shift ⇧ + [ или ] (Mac)
  • Ctrl ⌃ + Page Up ⇞ или Page Down ⇟ (Windows и Linux)

Как и в веб-браузере, вы можете открывать несколько вкладок в Sublime Text. Чтобы перейти с одной вкладки на другую, вы можете использовать сочетания клавиш, указанные выше, и использовать Cmd ⌘ + T (Mac) или Ctrl ⌃ + N (Windows и Linux), чтобы создать новую вкладку.

Переключение между вкладками.

Палитра команд

  • Cmd ⌘ + Shift ⇧ + P (Mac)
  • Ctrl ⌃ + Shift ⇧ + P (Windows и Linux)

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

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

Палитра команд.

Показать консоль

  • Ctrl ⌃ + `

Sublime Text поставляется со встроенным интерпретатором Python. Это удобный инструмент для выполнения команд Python или быстрого тестирования API-интерфейсов Sublime Text при разработке плагина для редактора.

Имейте в виду, что этот интерпретатор поставляется в комплекте с Sublime Text и отличается от Python, установленного в вашей системе. Целью этой консоли является взаимодействие с API Sublime Text для плагинов. Вероятно, вы использовали эту консоль при установке Package Control.

Показать консоль.

Чтобы узнать, что можно сделать с помощью API плагинов Sublime Text, обратитесь к документации.

Режим без отвлекающих факторов

  • Cmd ⌘ + Ctrl ⌃ + Shift ⇧ + F (Mac)
  • Shift ⇧ + F11 (Windows и Linux)

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

Режим без отвлекающих факторов.

Текстовый помощник командной строки

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

Предполагая, что вы поместили Sublime Text в папку «Приложения» и у вас есть каталог ~/bin на вашем пути, вы можете запустить следующее:

 ln -s "/Applications/Sublime Text.app/Contents/SharedSupport/bin/subl" ~/bin/sublime
Текстовый помощник командной строки.

Чтобы использовать его в качестве редактора по умолчанию для команд, запрашивающих ввод (например, git commit ), установите переменную среды editor .

 export EDITOR='sublime -w'

В Windows вы можете использовать subl.exe аналогичным образом.

Заключение

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