Сегодня мы рассмотрим настройку популярного редактора кода Sublime Text 3 для веб-разработки.
Внимание! Вышла более новая версия руководства.
С новым материалом вы можете ознакомиться Здесь.
Плагины
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 (хоткей для автоматического формата документа).
- Научимся управлять числовыми значениями (Инкремент и Декремент).
Ссылки
Sublime Text 3: http://www.sublimetext.com/3
Sublime Text 3 Package Control: https://packagecontrol.io/installation#st3
LiveReload Browser Extension: http://livereload.com/extensions/
Sublime Text 3 Live Reload Plugin: https://packagecontrol.io/packages/LiveReload
Премиум уроки от WebDesign Master
Другие уроки по теме «Инструменты»
- OptimizedHTML 5 - Облегчённый стартер для вёрстки сайтов
- Отложенная загрузка изображений Lazy Load. Правильная оптимизация
- Быстрый бэкап файлов в один клик. Как не потерять самое ценное
- Обновление Gulp до версии 4
- Использование подсистемы Linux для веб-разработки в Windows 10
- OptimizedHTML 4: Sass+Scss и немного пояснений. Дополнительный выпуск