Установка и настройка LiveServer в VS Code

VS Code livesrver Работа в VS Code

Visual Studio Code - один из самых популярных редакторов кода. Он бесплатный, у него чистый интерфейс и бесчисленные расширения, которые делают программирование проще и веселее.

Фронтенд разработчики часто задаются вопросом: как сделать ,чтобы браузер обновлялся автоматически во время программирования, без нажатия кнопки перезагрузки.

Это возможно, если настроить полезное расширение в VS Code под названием live-server. В этом посте я подробно расскажу о том, как оно работает и как установить и настроить live-сервер в редакторе VS Code.

Принцип работы плагина:

Как только вы внесете изменения в свой код или напишете что-то новое, после сохранения браузер автоматически обновится.

Установите LiveServer в магазине расширений.

Live Server
Live Server - расширение в VS code

После установки VS может перезагрузиться, это нормально.

Теперь, переходите в рабочий проект. В области редактора кода щелкните правой кнопкой мыши. Откроется контекстное меню.

live server запуск
live server запуск

Нажмите "Open with Live Server" или воспользуйтесь комбинациями клавиш ALT+L или ALT+O.

После этого откроется браузер, в котором страница будет перезагружаться как только вы сохраните файл.

Оцените статью
Visual Studio Code
Добавить комментарий

  1. Аня

    Очень полезная вещь в рядах верстальщиков.

    Ответить