Visual Studio Code - один из самых популярных редакторов кода. Он бесплатный, у него чистый интерфейс и бесчисленные расширения, которые делают программирование проще и веселее.
Фронтенд разработчики часто задаются вопросом: как сделать ,чтобы браузер обновлялся автоматически во время программирования, без нажатия кнопки перезагрузки.
Это возможно, если настроить полезное расширение в VS Code под названием live-server. В этом посте я подробно расскажу о том, как оно работает и как установить и настроить live-сервер в редакторе VS Code.
Принцип работы плагина:
Как только вы внесете изменения в свой код или напишете что-то новое, после сохранения браузер автоматически обновится.
Установите LiveServer в магазине расширений.
После установки VS может перезагрузиться, это нормально.
Теперь, переходите в рабочий проект. В области редактора кода щелкните правой кнопкой мыши. Откроется контекстное меню.
Нажмите "Open with Live Server" или воспользуйтесь комбинациями клавиш ALT+L или ALT+O.
После этого откроется браузер, в котором страница будет перезагружаться как только вы сохраните файл.
Очень полезная вещь в рядах верстальщиков.