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>