Как в visual studio code запустить html

Ответы
Аватар пользователя Вячеслав Межуревский

Самый простой способ — открыть папку с файлами через проводник, выбрать необходимый файл, щелкнуть по нему правой кнопкой мыши и выбрать в разделе "Открыть с помощью" VS Code. Далее можно заняться редактированием файла. Вы увидите результат вёрстки в браузере, но это не слишком удобно — при любых изменениях придётся переходить в браузер и обновлять страницу. Можно немного облегчить этот вопрос с помощью установки расширения в VS Code - Live Server. Давайте настроим всё так, чтобы наша страничка открывалась сама и обновлялась, если вы что-то изменили в разметке или стилях. Для установки расширения нужно в VS Code нажать кнопку которая откроет магазин дополнений, вбить в поиске название - и нажать Install. Другой способ — скачать Live Server из магазина расширений по ссылке выше, но это менее удобно.

enter image description here

После установки расширения и запуска вашего HTML-файла нужно нажать кнопку "Go live", в результате откроется окно браузера с вашей страницей. При попытке изменения файла - будет происходить автоматическое обновление страницы браузера.

enter image description here

0 0
Добавьте ваш ответ

Рекомендуемые курсы

позиционирование
HTML-элементы
CSS3
вёрстка
9 часов
Посмотреть
Препроцессоры CSS
SASS
SCSS
Миксины
4 часа
Посмотреть
HTML
Pug
Миксины
Шаблонизатор
9 часов
Посмотреть