Шпора – SublimeText 3

Шпора – SublimeText 3
  1. Скачиваем и устанавливаем из раздела “Download” sublime 3. Далее ставим плагин для управлениями другими плагинами – “Package Controll”(Установка, листинг, удаленее др. плагинов).
    https://www.sublimetext.com/

     

  2. Горячие клавиши для Windows + Linux http://www.sublimetext.ru/documentation/hotkeys/windows.

    Основные – первостепенные.
    ctrl+shift+P -> {View|Syntax|SFTP|install} – Просмотр доп. окон консоли, синтаксис документа, доступ до серверов по sftp, установка новых плагинов и т.д.
    {ctrl|ctrl+shift} + F – Поиск и замена.
    Активируем курсор в разных местах ctrl + | в разных местах и вводим текст
    {ctrl|ctrl+shift} + {/|A} – комментирование выделенного или вложенного тега или просто выделение внутри тега или самого тега.
    alt+shift + {1|2|3|4|8|9|5} – количество рабочих колонок в рабочей области.
  3.  Установка арсенала дополнительных плагинов.
    SideBarEnhancements – Этот плагин намного улучшает функциональность сайдбара. В нем есть очень интересные фишки, которые позволяют копировать путь к файлу (для картинок очень удобно), или сразу генерировать теги IMG и A с прописанными ссылками на нужные файлы.
    Emmet LiveStyle – Одна из самых убойных штук. Потому что позволяет править стили сайта в живом режиме, как в самом редакторе, так и в браузере. И весь код сохраняется в ваших стилях.
    Emmet – Этот плагин позволяет очень быстро набирать большие куски кода в Sublime Text 3. И самое главное – он довольно прост в применение. Вводим сокращение затем tab.
    AdvancedNewFile – Плагин маленький, но очень удобный, так как позволяет быстро создавать файлы и папки в проекте вашего сайта. Вам даже не надо будет вылазить из редактора, указывать имя или тип файла. Создание нового файла  ctrl+alt+N и вводим до него путь от исходной папки с названием.
    ColorPicker – Это обычное окно где можно визуально выбрать нужный цвет. ctrl+shift+C
    HTML-CSS-JS Prettify – Делает удобочитаемый код. + Устанавливаем node.js
    SublimeLinter – И все его подплагины нужных языков программирования. Проверяет синтаксис кода на ошибки внимательности. + Устанавливаем node.js и в его консоли делаем npm install -g htmlhint@latest – для проверки html, а для проверки css, js, php – https://habrahabr.ru/post/262137/ Доп настройка ОС: путей до tidy.exe и т.п.
    Minifier – позволяет сжимать код CSS и JavaScript.
  4. Шпаргалка под Emmet
    https://docs.emmet.io/cheat-sheet/
  5. Создание собственного сниппета (шаблоны для быстрого разворота).
    Tools -> Developes -> New snippet – https://www.youtube.com/watch?v=IwQTz8P8-Uo
  6. Устанавливаем тему Soda –
    https://www.youtube.com/watch?v=4fwZKtzPBs4

Выделение

  • Выделить слово, в котором курсор
    (2× — выделение совпадающих)
    Ctrl+D
    Cmd+D
  • Найти и выделить всё
    (выделено слово)
    Alt+F3
    Ctrl+Cmd+G
  • Выделить строку
    Ctrl+L
    Cmd+L
  • Выделить содержимое скобок
    Ctrl+Shift+M
    Ctrl+Shift+M
  • Выделить слово справа от курсора
    Ctrl+Shift+
    Ctrl+Shift+
  • Выделить слово слева от курсора
    Ctrl+Shift+
    Ctrl+Shift+
  • Выделить строки с идентичным отступом
    Ctrl+Shift+J
    Ctrl+Cmd+J
  • Вертикальное выделение
    Shift+ПКМ

Блоки кода

  • Свернуть текущий блок
    Ctrl+Shift+[
    Ctrl+Cmd+[
  • Развернуть текущий блок
    Ctrl+Shift+]
    Ctrl+Cmd+]
  • Закомментировать строку
    Ctrl+/
    Cmd+/
  • Закомментировать блок кода
    (курсор в блоке)
    Ctrl+Shift+/

Вкладки

  • Создать вкладку
    Ctrl+N
    Cmd+N
  • Закрыть вкладку
    Ctrl+W
    Cmd+W
  • Сохранить
    Ctrl+S
    Cmd+S
  • Сохранить как
    Ctrl+Shift+S
    Cmd+Shift+S
  • Переместить вкладку в обл. с номером
    (показаны 2 и более областей)
    Ctrl+Shift+1...0
    Ctrl+Shift+1...0
  • Показать соотв. вкладку
    Alt+1...0
    Cmd+1...0
  • Предыдущая вкладка
    Ctrl+PageUp
    Cmd+Shift+[
  • Следующая вкладка
    Ctrl+PageDown
    Cmd+Shift+]
  • Следующая вкладка в стеке
    Ctrl+Tab
    Ctrl+Tab
  • Предыдущая вкладка в стеке
    Ctrl+Shift+Tab
    Ctrl+Shift+Tab

Emmet (плагин)

  • Развернуть аббревиатуру
    Tab
    Tab
  • Интерактивная аббревиатура
    (пишем аббревиатуру и видим результат)
    Ctrl+Alt+Enter
    Ctrl+Alt+Enter
  • Убрать тег, в котором курсор
    (табуляция сохранится правильной)
    Ctrl+Shift+;
    Cmd+'
  • Выделить тег и его контент
    (2× и далее — выделить и родителя)
    Ctrl+,
    Ctrl+D
  • Убрать из выделения родительский тег
    (обратное этому)
    Ctrl+Shift+0
    Ctrl+J
    У меня эта комбинация, почему-то, не работает (даже если ее вписать в пользовательских настройках), хотя прочих конфликтов нет. Помогает только смена кнопок (к примеру, на Ctrl+.)
  • Перейти к парному тегу
    Ctrl+Alt+J
    Cmd+Shift+T ???
  • Обернуть выделенное в аббревиатуру
    Ctrl+Shift+G
    Cmd+W
  • Переход между точками редактирования
    (что за точки?)
    Ctrl+Alt+/
    Ctrl+Alt+/
    Точки редактирования это: пустые теги, пустые атрибуты, пустые строки с отступами.
  • Выделять области ред-я (след./пред.)
    (что за области?)
    Ctrl+Shift+./,
    Cmd+Shift+./,
    Области редактирования это: теги, атрибуты целиком, значения атрибутов целиком, значения атрибутов отдельно. Подробнее — в демонстрации.
  • Закомментировать строку или блок
    (Если курсор вне тега, закомментируется содержимое родительского тега)
    Ctrl+Shift+/
    Ctrl+Shift+/
  • Сделать тег парным/непарным
    Ctrl+Shift+`
    Cmd+Shift+`
  • Обновить/добавить размеры картинки
    Ctrl+U
    Cmd+Shift+I
  • Подсчитать мат. выражение
    Ctrl+Shift+Y
    Cmd+Shift+Y
  • Синхронизировать CSS-правила
    (несколько правил с вендорными префиксами)
    Ctrl+Shift+R
    Cmd+Shift+R
  • Кодировать/декодировать картинку в data:URL
    Ctrl+'
    Cmd+Shift+D
  • Выделить откр. и закр. тег
    (Редактировать тег)
    Ctrl+Shift+'
    Cmd+Shift+K
  • Изменить число на 1
    Ctrl+/
    Ctrl+/
    В Windows конфликтует с этим и этим. Нужно переназначать менее нужное.
  • Изменить число на 0.1
    Alt+/
    Alt+/
  • Изменить число на 10
    Shift+Alt+/
    Cmd+Alt+/

Текст

  • Вставить из буфера с отступом
    Ctrl+Shift+V
    Cmd+Shift+V
  • Удалить слово перед курсором
    Ctrl+Bsp
    Ctrl+Bsp
  • Удалить слово после курсора
    Ctrl+Del
    Ctrl+Del
  • Удалить строку перед курсором
    Ctrl+Shift+Bsp
    Ctrl+Cmd+Bsp
  • Удалить строку после курсора
    Ctrl+Shift+Del
    Ctrl+Cmd+Del
  • Продублировать текст
    (выделен фрагмент текста)
    Ctrl+Shift+D
    Cmd+Shift+D
  • Преобразовать в прописные буквы
    (выделен фрагмент текста)
    Ctrl+K+U
    Cmd+K+U
  • Преобразовать в строчные буквы
    (выделен фрагмент текста)
    Ctrl+K+L
    Cmd+K+L
  • Проверка орфографии вкл./выкл.
    F6
    F6

Строки

  • Добавить строке отступ
    (курсор в начале строки)
    Tab
    Tab
  • Убрать строке отступ
    (курсор в начале строки)
    Shift+Tab
    Shift+Tab
  • Добавить строке отступ
    (курсор в любой позиции)
    Ctrl+]
    Cmd+]
  • Убрать у строки отступ
    (курсор в любой позиции)
    Ctrl+[
    Cmd+[
  • Поднять строку вверх
    Ctrl+Shift+
    Ctrl+Cmd+
  • Опустить строку вниз
    Ctrl+Shift+
    Ctrl+Cmd+
  • Продублировать строку
    (нет выделения)
    Ctrl+Shift+D
    Cmd+Shift+D
  • Вставить строку выше курсора
    Ctrl+Shift+Enter
    Cmd+Shift+Enter
  • Вставить строку ниже курсора
    Ctrl+Enter
    Cmd+Enter
  • Удалить строку, в которой курсор
    Ctrl+Shift+K
    Ctrl+Shift+K
  • Объединить строки
    Ctrl+J
    Cmd+J

Переходы

  • Переход к файлу в проекте (фильтр)
    Ctrl+P
    Cmd+P
  • Перейти к парной скобке
    Ctrl+M
    Ctrl+M
  • Перейти к строке
    Ctrl+G
    Ctrl+G
  • Поставить на строке закладку
    Ctrl+F2
    Cmd+F2
  • К следующей закладке
    F2
    F2
  • К предыдущей закладке
    Shift+F2
    Shift+F2
  • Убрать все закладки
    Ctrl+Shift+F2
    Cmd+Shift+F2

Курсор

  • Добавить курсор на стр. выше или ниже
    Ctrl+Alt+/
    Ctrl+Shift+/
  • Убрать мультикурсор
    Esc
    Esc
  • Добавить мультикурсор
    Ctrl+ЛКМ
    Cmd+ЛКМ

Внешний вид

  • Полный экран
    F11
    Ctrl+Cmd+F
  • Только область редактирования
    Shift+F11
    Ctrl+Cmd+Shift+F
  • Показать одну/несколько обл. ред.
    Alt+Shift+1...4
    Alt+Cmd+1...4
  • Области ред-я сеткой 2×2
    Alt+Shift+5
    Alt+Cmd+5
  • Области ред-я в две линии
    Alt+Shift+8
    Alt+Shift+Cmd+2
  • Области ред-я в три линии
    Alt+Shift+9
    Alt+Shift+Cmd+3
  • Перейти к области ред-я с номером
    Ctrl+1...4
    Ctrl+1...4
  • Переключиться на боковую панель
    Ctrl+0
    Ctrl+0

Разное

  • Прокрутить немного вверх
    Ctrl+
    Ctrl+Alt+
  • Прокрутить немного вниз
    Ctrl+
    Ctrl+Alt+

Рассказать друзьям:
  • Добавить ВКонтакте заметку об этой странице
  • Мой Мир
  • Facebook
  • Twitter
  • LiveJournal
  • В закладки Google
  • Blogger
  • RSS
  • Блог Li.ру
  • Одноклассники
  • LinkedIn

Написать ответ

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.