Введите текст для поиска

воскресенье, 3 мая 2020 г.

Полезные сочетания клавиш и плагины для sublime text 3

Горячие клавиши sublime text 3 (Список будет пополняться)

  1. Перенос строк, т.е. переносить длинные строки, а не включать слайдер прокрутки внизу окна: Menu - > Preferences - > Settings - > word-wrap: true -> Ctrl+S -> Ctrl+W
  2. Сразу же Ctrl+S - сохранить файл
  3. Ctrl+W - закрыть вкладку
  4. Предположим, есть такой код:
    $('.portfolio').animate({"left": '+=330px'}, 1000);
    $('.iframe-wrapper').animate({"margin-left": '+=330px'}, 1000);
    $('.left').animate({"margin-left": '+=330px'}, 1000);
    $('.right').animate({"margin-left": '+=330px'}, 1000);

    Нам нужно выделить все значения "1000" в функциях и изменить их одним разом. Для этого ставим курсор на нужную последовательность символов или щелкаем однократно мышью по значение "1000". Затем нажимаем Ctrl+D, при каждом нажатии будет выделяться следующее вхождение искомой последовательности символов. Затем можно редактировать их оптом. 

Плагины для javascript в sublime text 3

  1. Console Wrap - позволяет выводить в консоль значения переменных, функций и тд. Работает в js, phyton, php. Для вывода переменной необходимо навести курсор на переменную (или выделить), затем нажать CTRL + SHIFT + Q. Строкой ниже появится вывод в консоль в формате "название переменной значение". Повторным нажатием на сочетание, меняем тип вывода на console.info, console.warn, console.error. Из контекстного меню по клику правой кнопкой доступно "закомментировать все логи", "удалить все закомментированные логи", "удалить все логи" и "показать все логи". 
  2. Sublime-HTMLPrettify - позволяет отформатировать код (отступы и тд). Для работы нужен установленный Node.js. В настройках нужно указать, где находится файл node.exe. Для форматирования кода нужно выбрать соответствующий пункт из контекстного меню. 
  3. ColorHighlighter - как понятно из названия, плагин предназначен для подсвечивания цветов. Обнаружив обозначение цвета, плагин подсвечивает его. Цвета в формате #aaa, он подсвечивает тонкой линией снизу. При фокусе курсора на цвет, он выделяется подсветкой фона. Также в контекстном меню можно выбрать цвет с палитры. 

Если вам понравилась/принесла пользу эта запись, то сказать "СПАСИБО" очень просто - поделитесь записью в социальных сетях при помощи кнопочек ниже. Вам несложно, а мне приятно!

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

Отправить комментарий