0 added
0 removed
Original
2026-01-01
Modified
2026-02-26
1
<p>Если вы проходите проекты профессии "<a>Верстальщик</a>" - вы можете столкнуться с проблемой: для того, чтобы увидеть изменения, нужно перезагрузить страницу.</p>
1
<p>Если вы проходите проекты профессии "<a>Верстальщик</a>" - вы можете столкнуться с проблемой: для того, чтобы увидеть изменения, нужно перезагрузить страницу.</p>
2
<p>В этой заметке я покажу, как "поднять localhost" с помощью утилиты Browsersync.</p>
2
<p>В этой заметке я покажу, как "поднять localhost" с помощью утилиты Browsersync.</p>
3
<p>Установим его глобально:</p>
3
<p>Установим его глобально:</p>
4
<p>Переходим в папку с проектом:</p>
4
<p>Переходим в папку с проектом:</p>
5
<p>Запускаем:</p>
5
<p>Запускаем:</p>
6
<p><strong>Используемые параметры:</strong></p>
6
<p><strong>Используемые параметры:</strong></p>
7
<ul><li><em>--server</em>- запустить локальный сервер;</li>
7
<ul><li><em>--server</em>- запустить локальный сервер;</li>
8
<li><em>--no-notify</em>- отключить уведомления;</li>
8
<li><em>--no-notify</em>- отключить уведомления;</li>
9
<li><em>--no-ui</em>- не запускать "админку";</li>
9
<li><em>--no-ui</em>- не запускать "админку";</li>
10
<li><em>--files *</em>- следить за изменениями всех файлов в директории.</li>
10
<li><em>--files *</em>- следить за изменениями всех файлов в директории.</li>
11
</ul><p>Команда длинная, писать долго, а запомнить все параметры тяжело, да и не нужно.</p>
11
</ul><p>Команда длинная, писать долго, а запомнить все параметры тяжело, да и не нужно.</p>
12
<p>Создадим алиас. В файле .bashrc или .zshrc (зависит от того, чем пользуетесь):</p>
12
<p>Создадим алиас. В файле .bashrc или .zshrc (зависит от того, чем пользуетесь):</p>
13
<p>Обновляем окружение:</p>
13
<p>Обновляем окружение:</p>
14
<p>Вот и все, теперь, находясь в корне проекта, локальный сервер можно запустить командой:</p>
14
<p>Вот и все, теперь, находясь в корне проекта, локальный сервер можно запустить командой:</p>
15
<p>Более подробно с данным инструментом можно ознакомиться в<a>документации</a>.</p>
15
<p>Более подробно с данным инструментом можно ознакомиться в<a>документации</a>.</p>
16
<p>- Все вышеперечисленное можно сделать и локально в проекте. Оставлю это на самостоятельное изучение.</p>
16
<p>- Все вышеперечисленное можно сделать и локально в проекте. Оставлю это на самостоятельное изучение.</p>