Все статьи | Блог студента

Как Browsersync облегчает верстку проектов

Эта статья написана нашим студентом. Мнение пользователей иногда может не совпадать с точкой зрения Хекслета
Как Browsersync облегчает верстку проектов главное изображение

Если вы проходите проекты профессии «Верстальщик» — вы можете столкнуться с проблемой: для того, чтобы увидеть изменения, нужно перезагрузить страницу.

В этой заметке я покажу, как «поднять localhost» с помощью утилиты Browsersync.

Установим его глобально:

npm install -g browser-sync

Переходим в папку с проектом:

cd ~/path_to_project

Запускаем:

browser-sync start --server --no-notify --no-ui --files *

Используемые параметры:

  • --server — запустить локальный сервер;
  • --no-notify — отключить уведомления;
  • --no-ui — не запускать «админку»;
  • --files * — следить за изменениями всех файлов в директории.

Команда длинная, писать долго, а запомнить все параметры тяжело, да и не нужно.

Создадим алиас. В файле .bashrc или .zshrc (зависит от того, чем пользуетесь):

alias bs="browser-sync start --server --no-notify --no-ui --files *"

Обновляем окружение:

source ~/.bashrc
// or
source ~/.zshrc

Вот и все, теперь, находясь в корне проекта, локальный сервер можно запустить командой:

bs

Более подробно с данным инструментом можно ознакомиться в документации.

— Все вышеперечисленное можно сделать и локально в проекте. Оставлю это на самостоятельное изучение.

Аватар пользователя Vadim Filimonov
Vadim Filimonov 05 мая 2021
Рекомендуемые программы

С нуля до разработчика. Возвращаем деньги, если не удалось найти работу.

Иконка программы Фронтенд-разработчик
Профессия
Разработка фронтенд-компонентов веб-приложений
1 декабря 8 месяцев
Иконка программы Python-разработчик
Профессия
Разработка веб-приложений на Django
1 декабря 8 месяцев
Иконка программы PHP-разработчик
Профессия
Разработка веб-приложений на Laravel
1 декабря 8 месяцев
Иконка программы Node.js-разработчик
Профессия
Разработка бэкенд-компонентов веб-приложений
1 декабря 8 месяцев
Иконка программы Верстальщик
Профессия
Вёрстка с использованием последних стандартов CSS
в любое время 5 месяцев
Иконка программы Java-разработчик
Профессия
Разработка приложений на языке Java
1 декабря 10 месяцев
Иконка программы Разработчик на Ruby on Rails
Профессия
Новый
Создает веб-приложения со скоростью света
1 декабря 5 месяцев