Сервер Visual Studio Code Live не працює

VSCode має безліч чудових розширень, а Live Server - одне з найкращих.

Всього за пару кліків Live Server дозволяє побачити вашу сторінку в реальному часі у реальному браузері. А ще краще - він пропонує перезавантаження в режимі реального часу, тому якщо ви оновите свій код, зміни також відображатимуться в браузері.

Все, що вам потрібно зробити, це клацнути правою кнопкою миші у файлі HTML, який ви хочете переглянути, клацнути правою кнопкою миші та вибрати "Відкрити за допомогою Live Server":

Але що, якщо Live Server не відкриє ваш браузер і не покаже вашу сторінку, як ви очікували? Якщо це трапляється з вами, ось кілька речей, які ви можете спробувати.

Перезапустіть VSCode

Іноді найкраще, що ви можете зробити, це запустити VSCode з нуля.

По-перше, збережіть всю свою роботу. Потім закрийте VSCode, який також зупинить усі встановлені вами розширення.

Потім знову відкрийте VSCode і повторіть спробу - перейдіть до HTML-файлу, який ви хочете переглянути, клацніть правою кнопкою миші та виберіть «Відкрити за допомогою Live Server».

Встановіть браузер для Live Server

Можливо, розширення працює, але у вашій системі немає браузера за замовчуванням.

Навіть якщо ви встановили браузер за замовчуванням для вашої системи, не завадить повідомити Live Server, який браузер ви хочете явно використовувати.

Спочатку відкрийте Command Pallete за допомогою клавіші F1, потім введіть Preferences: Open Settings (JSON)і виберіть цей параметр.

Це відкриє ваш settings.jsonфайл VSCode .

Прокрутіть до кінця файлу та вставте "liveServer.settings.CustomBrowser": "chrome".

Прокрутіть до кінця файлу, додайте кому після останнього налаштування, а потім вставте "liveServer.settings.CustomBrowser": "chrome":

Зверніть увагу, що ви також можете використовувати "firefox", "safari"або будь-який інший браузер як значення для цього "liveServer.settings.CustomBrowser"параметра.

Нарешті, збережіть settings.jsonфайл і спробуйте запустити Live Server знову.

Встановіть браузер за замовчуванням для вашої операційної системи

Навіть сказавши Live Server, який браузер ви хочете використовувати, можливо, він все ще не відкриває вашу сторінку в цьому браузері правильно.

Наступне, що потрібно спробувати - це встановити браузер за замовчуванням для самої вашої операційної системи.

Точний спосіб цього може залежати від вашої операційної системи, тому найкраще шукати, як це зробити, якщо ви не впевнені.

Ось як виглядає сторінка налаштувань у Windows:

Перейдіть на сторінку в прямому ефірі самостійно

Якщо з якихось причин Live Server все ще не відкриває сторінку у вашому браузері автоматично, не хвилюйтеся. Ви завжди можете відкрити вибраний браузер і переглянути сторінку безпосередньо.

Просто відкрийте улюблений браузер і перейдіть до //127.0.0.1:5500/.

Наприклад, якщо ваш файл викликаний index.html, просто перейдіть до //127.0.0.1:5500/index.html.

Поки працює Live Server, ви повинні бачити свою сторінку.

На завершення

Це кілька типових виправлень, які ви можете спробувати, якщо Live Server працює не так, як ви очікували.

Залишайтеся в безпеці та щасливим (живим) кодуванням.