Как настроить live server в vscode

Руководство по настройке VSCode Live Server, поможет быстро и просто начать работу с вашим проектом. Подробно описан процесс установки и работы с Live Server плагином для VSCode.

Настройка Live Server в VSCode

Live Server позволяет быстро и легко открывать локальный веб-сервер для разработки. Это полезно для тестирования ваших веб-страниц непосредственно на локальном устройстве. Вы можете настроить Live Server в VSCode следующим образом:

1. Откройте проект в VSCode.

2. Наведите указатель мыши на имя файла в проекте и правой кнопкой мыши выберите «Open with Live Server». Или нажмите на кнопку «Go Live» в нижней части редактора.

3. Откроется браузер с локальным веб-сервером. В адресной строке будут указаны адрес и порт сервера. Например, «127.0.0.1:5500».

4. Теперь вы можете работать с проектом и наблюдать за изменениями в браузере, не перезагружая его. Для этого просто обновите страницу в браузере. Все изменения, которые вы вносите в проект, будут отображаться в браузере.

Вы можете настроить дополнительные параметры для Live Server, например, автоматическое открытие браузера, просмотр изменений в реальном времени и прочее. Для этого выберите раздел «Live Server» в меню «Настройки» VSCode.

const liveServer = {
  open: "external",
  port: 5500,
  host: "127.0.0.1",
  watch: ".",
  ignore: "node_modules"
};

Чтобы применить изменения, просто сохраните файл настроек.