Sublime Text Package Control установка, настройка, плагины

tsumbaluk.in.ua 5 Октябрь 2016

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

Плюсы Sublime Text

  • Скорость запуска
  • Интуитивный, минималистичный интерфейс
  • Карта файла
  • Настройка под себя
  • Развитое мощное сообщество, более 1000 плагинов
  • Мультикурсор — возможность одновременного редактирования столбцов
  • Таб групи — возможность поделить экран на несколько частей

Первым делом скачиваем сам редактор http://www.sublimetext.com/.
Вторым шагом необходимо установить Package Control. Тут есть два способа:

1) Скопируйте сгенерированное для вас содержимое указанное на рисунку ниже, далее нужно открыть консоль для этого нажмите View>Show Console вставьте туда код и нажмите Enter.Желательно перезагрузить после этого программу

2) Если по каким то причинам первый вариант установки не сработал скачиваем Package Control.sublime-package и вставляем по пути указанному как на сайте так и на рисунку ниже.

Sublime Text Package Control Теперь перейдем к установке плагинов Preference > Package Control в открывшемся окне пишем
Package Control: Install Package жмем Enter.
Вы должны увидеть список доступных плагинов в поле ввода поочередно друг за другом установим следующее: Sublime Text

  • Emmet: плагин без которого не представляю как верстать. Вот ссылка на шикарнейший урок и справочник поEmmet
  • AutoFileName: помогает при подключении файлов таких как изображения, плагины, таблицы стилей и т.д.
  • BracketHighLighter: подсветит скобки, кавычки, парные теги.
  • color Highlighter: подсвечивает цвет который встречаеться в коде будь то HEX, RGB, RGBA
  • jQuery: прекрасный плагин содержащий набор снипетов для написания кода

Это мой стартовый набор если вам етого мало вы можете с помощью плагинов превратить Sublime Text почти в полнофункциональную IDE но честно сказать не вижу в этом смысла…

Немного настроек

Очень удобной штукой является авто форматирование кода.
Для этого
Preferences > Key-Bindings-Defoult и добавляем следующую строку

{ "keys": ["alt+shift+f"], "command": "reindent"}
если не сохраняеться нужно создать новый файл вот путь:
Sublime Text3 > Packages > Defoult > Default > Default(Windows).sublime-keymap

Также можно кастомизировать интерфейс и отображение кода под свои нужды. Лично я ограничиваюсь двумя настройками для этого: Preferences > Settings-Default и тут:

  • "highlight_line": true
  • "tab_size": 2

Новое в блоге

Sass в примерах, основные синтаксические конструкции
tsumbaluk.in.ua || 26.11.2017

Sass в примерах, основные синтаксические конструкции

Бесплатный хостинг!
tsumbaluk.in.ua || 29.06.2017

Бесплатный хостинг!

e2e тестирование приложений. Используя Protractor
tsumbaluk.in.ua || 30.04.2017

e2e тестирование приложений. Используя Protractor

Modx Revo multilanguage babel
tsumbaluk.in.ua || 05.03.2017

Modx Revo multilanguage babel

Node package manager publish package
tsumbaluk.in.ua || 11.02.2017

Node package manager publish package

Modx перенос на сервер или туда и обратно
tsumbaluk.in.ua || 01.11.2016

Modx перенос на сервер или туда и обратно