Настройка Sublime Text 3 для веб-разработки: LiveReload, плагины, фишки

Сегодня мы рассмотрим настройку популярного редактора кода Sublime Text 3 для веб-разработки.

Твитнуть

Класснуть

Плюсануть

Запинить

Смотреть урок на YouTube

Внимание! Вышла более новая версия руководства.
С новым материалом вы можете ознакомиться Здесь.

Плагины

emmet - плагин для скоростной верстки.

livereload - автообновление страницы.

Для корректной работы плагина LiveReload в Sublime Text 3 необходимо дописать в пользовательских настройках плагина следующую конструкцию (подробнее в видео):

{
	"enabled_plugins": [
		"SimpleReloadPlugin",
		"SimpleRefresh"
	]
}

sass - настроим корректную подсветку SASS в Sublime Text 3.

jade - HTML препроцессор.

gist - плагин для быстрого доступа к вашим сниппетам на GitHub.

brackethighlighter - подсветка скобок, тегов в Sublime Text 3.

autofilename - автокомплит для подключения внешних файлов в верстку.

colorhighlighter - подсветка цвета.

BufferScroll - сохранение позиции курсора в документе.

Goto-CSS-Declaration - плагин для быстрого поиска соответствующего класса в CSS, SASS, LESS.

Фишки

Поменяем тему на twilight.
Научимся множественному выделению.
Назначим клавиши для события reindent (хоткей для автоматического формата документа).
Научимся управлять числовыми значениями (Инкремент и Декремент).