понедельник, 16 сентября 2013 г.

Как пользоваться Sublime 2

Ниже будут представлены не все тонкости работы с Sublime, а только те, которыми буду пользоваться в ближайшее время. Все проверялось на ОС Ubuntu.

Ctrl + + -  увеличить шрифт
Ctrl + /  -  закомментировать/раскомментировать выделенный текст

Если нажать на Shift и правую кнопку мыши, то можно сделать вертикальное выделение текста:



Если нажать на Ctrl, то можно выделить сразу несколько блоков текста (множественное выделение), когда начнем писать, текст будет вводиться одновременно во всех выделенных местах:


По нажатию Ctrl+P вызывается панель перехода и поиска. Если мы в ней введем @func, то перейдем к функции с именем func, если введем :10 - то перейдем к 10 строке.

Ctrl+Home, Ctrl+End - переход к началу или концу файла соответственно.

Ctrl + <-, Ctrl + -> - переход по словам

Сtrl + l - добавляем к выделенному еще одну строку

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

Ctrl + Shift + M - 
выделить текст внутри скобки, квадратной или фигурной. Повторяя нажатие этих клавиш, выделим и сами скобки, потом выделится текст внутри охватывающих эти скобки других скобок и т.д.:


Ctrl + F2 -поставить/убрать закладку. 
F2 -перейти к закладке

Sublime Package Control

Позволяет с легкостью устанавливать новые плагины. Устанавливается так. Нажимаем Ctrl + ` . Затем в открывшуюся консоль пишем


Перезапускаем Sublime. Идем в Preferences->Package Settings. Там должен появиться Package Control.
Плагин Alignment

Этот плагин помогает красиво выравнивать знаки равенства:


Для установки этого плагина нажимаем Ctrl + Shift + P. В строке набираем install и ищем Alignment.
Для того, чтобы сделать автоматическое выравнивание, набираем Ctrl + Alt + A. 

Плагин Emmet

Хорошо про этот плагин написано вот тут. Вкратце, этот плагин помогает сильно экономить время при создании макетов страниц. Например, можно написать 

ul>li*4>a[href=#]{текст}

нажать Tab, или Ctrl+E и получится вот что:


Плагин CSS Comb

Применение этого плагина позволяет сделать код CSS более читаемым и красивым, т.е. улучшает стиль кода. Используется он следующим образом. Встаем курсором на блок CSS и нажимаем Shift + Ctrl + C.

До и после:



Информационные источники: ПервыйВторойТретий и еще какие-то...

3 комментария:

  1. Стоит только отметить в заголовке, для какой версии Sublime пишется. Между 2 и 3 есть весьма разительные отличия в плагинной системе (в самом интерфейсе отличий почти нет).

    ОтветитьУдалить
  2. https://github.com/spadgos/sublime-jsdocs --- хороший плагин для помощи в документации кода

    ОтветитьУдалить