Разделы:

Sublime Text полезные плагины

Sublime Text – это редактор с поддержкой большого числа языков программирования, таких как HTML, CSS, Java, JavaScript, C, C++, C#, Lisp, Perl, PHP, SQL, TCL и XML.

Имеет следующие особенности:

оригинальный интерфейс, где код можно представить в виде карты с навигацией;

возможность множественной правки кода, существенно упрощающая редактирование структурированного текста;

автоматическое дополнение введенного текста;

легкая сборка программ;

возможность создания кодовых заготовок.

Новая версия редактора получила название Sublime Text 3. Он доступен всем пользователям, кроме его dev-версии. В новом варианте *Sublime Text плагины* можно выделить в отдельный процесс, чтобы ускорить загрузку.

Установка расширений

Установить*Sublime text 3 плагины для верстки* нужно после установки Package Control.Для этого требуется перейти по ссылке https://packagecontrol.io/installation#st3, скопировать требуемый код, затем в редакторе выполнить команды View — Show Console. Вставить скопированный текст в нижнюю строку консоли, потом нажать на Enter. Вставить скопированный текст в нижнюю строку консоли, потом нажать на Enter.

Перегрузить редактор. Теперь консоль Package Control включается нажатием Ctrl + Shift + P.

Sublime text расширения можно установить, набрав команду Install Package в строчке поиска Package Control. Открывается строка, в ней набирается название плагина, затем жмется Enter.

Распространенные плагины

Плагин Emmet для sublime text 3 – благодаря этой программе очень повышается продуктивность ввода команд, потому что, используя клавишу Tab, можно преобразовать введенные аббревиатуры в большие фрагменты кода;

SideBarEnhancements – расширяет возможности файловой консоли;

ColorPicker – способствует получению 16-ричного кода для выбранного цвета;

Tag – помощь в форматировании кода для файлов без формата;

Расширение Git – с его помощью можно писать на Git в этом текстовом редакторе;

Sublimall – используется для синхронизации всех настроек, файлов и плагинов между другими редакторами и Sublime text;

AllAutocomplete – помогает работать с несколькими файлами в редакторе, осуществляя процесс поиска нужного фрагмента;

DocBlockr – достаточно ввести команду /**, а после нажать на Tab, расширение подготовит нужный шаблон для ввода функции;

Placeholders – содержит множество шаблонов с изображениями, таблицами и списками;

CSScomb – комбинация CSS-свойств кодв;

FixMyJS, Jsfmt и JsFormat – используется для форматирования Java-кода.

Emmet

Наиболее известный плагин из всех расширений для редакторов кода программ.

Благодаря комбинациям горячих клавиш Sublime text Emmet избавляет разработчиков от утомительной работы по написанию кода вручную.

Например, если в Emmet ввести только ul и нажать на кнопку Tab, то плагин преобразует данную команду в полный список.

Например, если вEmmet ввести только ul и нажать на кнопку Tab, то плагин преобразует данную команду в полный список.

Таким же способом можно добавлять целые классы. Для создания новой страницы достаточно написать в строке !, а затем нажать на табуляцию. Возникнет полноценная html-структура.

Чтобы создать ссылку, нужно набрать в строке редактора «а», потом нажать на клавишу Tab. Добавляется начальная «заготовка» для ссылки

<a href=""></a>. Плагин добавит все атрибуты автоматически.

В CSS можно писать только начальные буквы значений и свойств. После нажатия Tab они автоматически будут преобразованы в полноценный код.

Рассматривать подробно все свойства плагина Emmet можно долго, а лучше обратиться к специальной документации.

Если Emmet в Sublime text не работает, то причина может быть в именах файлов. Приложение работает только с html- и css-расширениями.