РАЗРАБОТКА: Настройка Sublime Text 3 для веб-разработки: LiveReload, плагины, фишки 2021



Создание сайта от А до Я (комплексный курс): https://goo.gl/ankxq9
Создание интернет-магазина: https://goo.gl/7mDqYD
Фриланс для начинающих: https://goo.gl/xOPRQ0

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

Обновлённый урок по Sublime Text: https://youtu.be/qlueo6wFikM
Страница с материалами урока: https://webdesign-master.ru/blog/tools/525.html

Группа ВКонтакте: https://vk.com/agragregra
Twitter: https://twitter.com/agragregra

Таймкоды:
00:00 Начало
00:46 Установка Sublime Text 3
02:06 Установка Package Control
03:55 Установка Emmet
05:20 Почему иногда не работает «Open in Browser»
07:33 Первоначальная настройка Sublime Text
07:55 Reindent по хоткею
20:37 Установка и настройка LiveReload в Sublime Text 3
25:48 Установка и настройка SASS плагина для подсветки синтаксиса SASS
29:08 Установка плагина Jade
29:52 Установка и настрока плагина для работы с Gist Репозиторием
35:00 brackethighlighter: подсветка тегов и скобок
36:26 autofilename: автокомплит для подключения внешних файлов в верстку
38:07 colorhighlighter: подсветка цвета
39:30 BufferScroll: сохранение позиции курсора в документе
40:55 Goto-CSS-Declaration: плагин для быстрого поиска соответствующего класса в CSS, SASS, LESS
44:37 Смена темы в Sublime Text
45:25 Множественное выделение в Sublime Text
47:04 Инкремент и Декремент

Поставьте оценку!
[Всего: 0 Рейтинг: 0]
30 комментариев
  1. Таймкоды:

    00:00 Начало

    00:46 Установка Sublime Text 3

    02:06 Установка Package Control

    03:55 Установка Emmet

    05:20 Почему иногда не работает "Open in Browser"

    07:33 Первоначальная настройка Sublime Text

    07:55 Reindent по хоткею

    20:37 Установка и настройка LiveReload в Sublime Text 3

    25:48 Установка и настройка SASS плагина для подсветки синтаксиса SASS

    29:08 Установка плагина Jade

    29:52 Установка и настрока плагина для работы с Gist Репозиторием

    35:00 brackethighlighter: подсветка тегов и скобок

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

    38:07 colorhighlighter: подсветка цвета

    39:30 BufferScroll: сохранение позиции курсора в документе

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

    44:37 Смена темы в Sublime Text

    45:25 Множественное выделение в Sublime Text

    47:04 Инкремент и Декремент

  2. Кто нибудь знает как отключить перенос слов и строк в sublime text 3?

  3. Спасибо👍👍👍👍👍

  4. Sublime text он платный?

  5. Спасибо большое за ваши видео!

  6. А зачем менять дефолтные настройки, если можно добавить настройки в user

  7. Очень хороший урок, есть несколько полезных фишек. Это один из немногих авторов, у которого произношение терминов в основном правильное. Просто и доступно. Спасибо!

  8. Отличное видео! У меня файл sass почему то открывется в вкладке html, а не в css.

  9. 45:06 То надо выкинуть нахрен такой монитор, и купить нормальный)

  10. Успехов, дядька! благодарю за урок! кое-что новое подчеркнул для себя

  11. Подскажите пжлста, как называется плагин установочный для Sublime, который копирует центральную часть ( главный контент) из HTML в стиль СSS, чтобы упростить задачу ввода в CSS, не по по отдельности вручную, а сразу весь контент?

  12. Добрый День. Подскажите пожалуйста кто нибудь знает как исправить ошибку Sublime text 3. При запуске на рабочем столе появляется такая ошибка.-
    error: plugin_host has exited unexpectedly, plugin functionality won't be available until Sublime Text has been restarted

  13. Sublime не дает отредактировать дефолтные настройки. Хочу вписать токен, но не получается, доступно только для чтения

  14. Подскажите, у кого стоит плагин img-placeholder у вас номально работает? У меня почему то в src=" " не выпадает список с подключением картинок((

  15. Привет, спасибо за урок, но есть вопрос про инкремент, когда я вращаю колесико + сtrl у меня только масштаб изменяется, но не то, что у тебя на видео…

  16. Приветствую, толковые уроки, я бы сказал уровень Бога) Я еще только вначале пути, жалею, что не начал этот путь лет пять назад, столько всего нужно еще освоить. Так, а где ссылка на LiveReload (GitHab)? Или устанавливать оф версию. И еще вопрос, как мне дойти до такого уровня. Очень хочу стать классным разработчиком)?

  17. Установил BracketHighlighter. Он конечно отмечает блок <открывающий> — <закрывающий тег>, но только если навести курсор только на сами теги, и то не выделяет весь блок, а всего-лишь отмечает белыми закладочками слева напротиB отк. и закр. тега.
    А как сделать чтобы он отмечал весь блок, если навести на сам код между тегами? Вообщем чтобы было как у вас.

  18. Добрый вечер!

    Что делать если при попытке заливки Package Control выдает Eror. Так же при вызове меню ктрл+р меню выходит пустое. Заранее спасибо за ответ

  19. А вот если у тебя яндекс браузер как для него поставить?

  20. Подскажите пожалуйста, где сейчас можно скачать LiveReload для ST3, я так понял ссылка, данная в уроке уже недействительна, ошибка 404

  21. Всем привет! Установил в саблайм несколько плагинов, в том числе и emmet. Но что то пошло не так после перезагрузки и эммет не срабатывает. например после команды ! +таб не происходит развертывания. Подскажите в чем дело?

  22. Спасибо, урок классный и очень познавательный. Но полностью настроить программу удалось только часа через 4-5, сильно завис на Лив Релоаде. На мозилу вообще не смог поставить. Для тех, у кого с первого раза не получится, и вы будете удалять программу, после нее остаются папки в настройках, а также кэш. Их нужно удалять в ручную, я через поиск в виндовс это сделал, ввёл слово sublime, система нашла все файлы, сносишь их и повторная установка норм пройдет.

  23. Есть еще вариант насчет LiveReload, решил прописаь строки кода не в User, а в Default, те же что и в User, перезапустил все, и заработало.

  24. Как вы настроили LiveReload, чтобы при сохранении *.sass не перезагружалась страница? У вас в уроках по сохранению *.sass мгновенно применяется *.css без перезагрузки страницы.

  25. как поменять кодировку в редакторе?

  26. немогу сохранить файл пишет: Error trying to parse file: Unexpected trailing characters in PackegesDefaultDefault (Windows).sublime-keymap:1:54

  27. Спасибо за подробный разбор!Не ставил галочку при установке,но можно это решить: просто выбрать "открыть с помощью",там выбрать Sublime Text и убрать галочку "использовать выбранную программу для всех файлов такого типа" в итоге Sblime text просто появится в списке "открыть с помощью",и не будет открывать файлы по умолчанию.

  28. Подскажите пожалуйста, почему у меня не работает изменение настроек (preferences.sublime-setings)?
    Перезагружал и все равно нельзя ничего поменять. И "preferences.sublime-setings" у меня находятся не в папке"default", а в соседней "users".

Написать отзыв