LiveReload: Автообновление браузера [HTML/CSS уроки]

preview_player
Показать описание

Сохранил HTML-документ или добавил стиль в CSS, Alt + Tab в браузер, Ctrl + R чтобы обновить страницу. Знакомо? Сегодня расскажем, как сделать так, чтобы этого не приходилось делать и страница автоматом перезапускалась как только какой-то из файлов проекта поменялся.

© «Хороший программист»

#html #css #Хороший_Программист_МК
  1. Хороший программист
  2. livereload
  3. livereload windows
  4. livereload linux
  5. livereload mac
  6. livereload sublime
Рекомендации по теме
LiveReload: Автообновление браузера 0:13:02

LiveReload: Автообновление браузера [HTML/CSS уроки]

Автообновление страницы при 0:07:22

Автообновление страницы при верстке // Browser Sync // Livereload

#5 Плагин LiveReload 0:02:59

#5 Плагин LiveReload Синхронизация с браузером без обновления | Уроки по Sublime Text 3...

Автообновление html css 0:08:03

Автообновление html css js с помощью browser-sync

Автообновление CSS кода 0:15:07

Автообновление CSS кода (gulp-livereload)

Автообновление страницы (guard-livereload) 0:11:29

Автообновление страницы (guard-livereload)

Установка LiveReload в 0:01:07

Установка LiveReload в Sublime Text 3. Chrome Автообновление

АВТОМАТИЧЕСКОЕ ОБНОВЛЕНИЕ СТРАНИЦЫ 0:01:57

АВТОМАТИЧЕСКОЕ ОБНОВЛЕНИЕ СТРАНИЦЫ БРАУЗЕРА - САМЫЙ ПРОСТОЙ СПОСОБ! HTML...

Автообновление страницы HTML 0:07:57

Автообновление страницы HTML и CSS. Установка BrowserSync и node.js

Как настроить автообновление 0:03:52

Как настроить автообновление страниц Visual Studio Code

LiveReload 0:08:39

LiveReload

LiveReload в sublime 0:03:35

LiveReload в sublime text 3 - для автообновления веб страниц.

Установка LiveReload 0:02:27

Установка LiveReload

Как настроить автообновление 0:03:03

Как настроить автообновление страниц браузера?

Как настроить Live 0:07:47

Как настроить Live Server и автоматическое обновление страницы HTML в браузере Visual Studio Code...

Урок 4. Плагин 0:09:38

Урок 4. Плагин livereload

АВТОМАТИЧЕСКОЕ ОБНОВЛЕНИЕ HTML 0:02:45

АВТОМАТИЧЕСКОЕ ОБНОВЛЕНИЕ HTML СТРАНИЦЫ ПРИ РЕДАКТИРОВАНИИ!! УСТАНОВКА LIVE SERVER В VS CODE...

Sublime Text - 0:03:59

Sublime Text - установка плагина LiveReload. Плагин Live Reload

Sass Tutorials #17 0:04:58

Sass Tutorials #17 - Using Live Reload

#34 LiveReload плагин 0:03:38

#34 LiveReload плагин для Brackets, Видео курс по Brackets

Автоматическая Перезагрузка Страницы 0:04:32

Автоматическая Перезагрузка Страницы При Изменении Исходного Кода в Текстовом Редакторе. BrowserSync...

Использование отладчика браузера 0:24:31

Использование отладчика браузера при работе с HTML и CSS

Установка LiveReload для 0:03:00

Установка LiveReload для браузера Опера

Удобная среда для 0:09:25

Удобная среда для HTML верски [sublime, emmet, livereload]

Комментарии
Автор

Мне одному не показалось, что Вадим бреется пока пишет видео? :)

А видео - тру! Спасибо большое!

combos
Автор

Тру! Тоже юзала, когда фронтом занималась. Не представляю как без него). Очень помогающая вещь!

vinogradova
Автор

0:38 — принцип работы LiveReload
1:21 — расширения для хрома и FF
2:19 — сервер под Windows
4:59 — сервер под Ubuntu
6:55 — сервер под Mac OS X
9:42 — пакет для Sublime

goodprogrammer
Автор

Спасибо за видео, Вадим! А я никаких доп расширений для браузера не ставлю. И никакого доп ПО в систему. Только пакет внутри саблайма. Потом правой кнопкой мыши внутри html в саблайме и запускаю код в браузере. Открывается браузер по умолчанию автоматически и любые изменения - не важно html, css, js - фиксируются и обновляются в браузере после сохранения документа. Также и в атоме, и в vscode. Как-то так)

ОтецФёдоръ
Автор

Актуален в 2023 я на Sublime text 3 попробовал работает

AbrahamKarapetyan-rdot