HTML Diff
0 added 0 removed
Original 2026-01-01
Modified 2026-02-26
1 <p>Друзья! Хочу поделиться очень полезной штукой для верстальщиков - browser-sync. Она позволяет синхронизировать работу окон браузера.</p>
1 <p>Друзья! Хочу поделиться очень полезной штукой для верстальщиков - browser-sync. Она позволяет синхронизировать работу окон браузера.</p>
2 <p>Обычный процесс верстки проходит так - открываем Sublime Text 3, вносим изменения, сохраняем, открываем браузер, обновляем страницу и смотрим результат. И так во всех браузерах. Это довольно долгий процесс. Но есть способ упросить этот процесс. Для этого существует browser-sync. С его помощью вы можете открыть Sublime Text 3, внести изменения, сохранить и смотреть результат сразу во всех браузерах без обновления страниц. Это очень удобно. Рекомендую всем.</p>
2 <p>Обычный процесс верстки проходит так - открываем Sublime Text 3, вносим изменения, сохраняем, открываем браузер, обновляем страницу и смотрим результат. И так во всех браузерах. Это довольно долгий процесс. Но есть способ упросить этот процесс. Для этого существует browser-sync. С его помощью вы можете открыть Sublime Text 3, внести изменения, сохранить и смотреть результат сразу во всех браузерах без обновления страниц. Это очень удобно. Рекомендую всем.</p>
3 <p>Чтобы его установить, для начала нужно установить Node.js, далее в консоли выполнить следующую команду npm install -g browser-sync. Готово! Browser-sync установлен. Теперь займемся его настройкой.</p>
3 <p>Чтобы его установить, для начала нужно установить Node.js, далее в консоли выполнить следующую команду npm install -g browser-sync. Готово! Browser-sync установлен. Теперь займемся его настройкой.</p>
4 <p>Откроем в консоли папку с проектом. В консоли вводим browser-sync start --server --files "*.css, *.html". Если есть еще какие-то файлы с другими расширениями, то дописываем их в данную строчку.</p>
4 <p>Откроем в консоли папку с проектом. В консоли вводим browser-sync start --server --files "*.css, *.html". Если есть еще какие-то файлы с другими расширениями, то дописываем их в данную строчку.</p>
5 <p>Далее в браузере откроется страница проекта. Чтобы открыть в других браузерах данную страницу, достаточно скопировать url из адресной строки. Более подробно о работе browser-sync вы можете узнать на странице<a>https://www.browsersync.io/</a>.</p>
5 <p>Далее в браузере откроется страница проекта. Чтобы открыть в других браузерах данную страницу, достаточно скопировать url из адресной строки. Более подробно о работе browser-sync вы можете узнать на странице<a>https://www.browsersync.io/</a>.</p>