Jak otwierać pliki HTML w przeglądarce z kodu Visual Studio

Visual Studio Code to edytor IDE i kodu dla zespołów programistów. Pomaga w budowaniu i debugowaniu aplikacji. Ten edytor kodu zawiera rozszerzenia, które dodają debuggerów, języków i narzędzi instalacyjnych do obsługi tworzenia aplikacji. Dokładniej, "Otwórz w domyślnej przeglądarce" I "Serwer na żywo”Można użyć do testowania kodu HTML w przeglądarce.

Ten post będzie prowadził:

• Które rozszerzenia kodu Visual Studio są wykorzystywane do otwierania plików HTML w przeglądarce?
• Jak zainstalować "Otwórz w domyślnej przeglądarce”Rozszerzenie w Visual Studio?
• Jak zainstalować „Serwer na żywo”Rozszerzenie w Visual Studio?
• Jak otwierać/wykonać pliki HTML w przeglądarce za pomocą kodu Visual Studio?

Które rozszerzenia kodu Visual Studio są wykorzystywane do otwierania plików HTML w przeglądarce internetowej?

Kilka rozszerzeń w kodzie Visual Studio jest bardzo przydatnych dla programistów stron internetowych, takich jak ładniejszy, JavaScript Booster i więcej. Wykorzystamy jednak dwa z nich, które pomogą otworzyć pliki HTML w przeglądarce, które są „”Otwórz w domyślnej przeglądarce" I "Serwer na żywo".

Jak zainstalować rozszerzenie „Otwórz w domyślnej przeglądarce” w Visual Studio?

W celu zainstalowania „Otwórz w domyślnej przeglądarce”Rozszerzenie w kodzie Visual Studio, sprawdź dostarczoną procedurę.

Krok 1: Utwórz plik HTML

Załóżmy, że utworzyliśmy stronę HTML, jak pokazano na poniższym obrazku:

Krok 2: Przejdź do rozszerzeń

Następnie kliknij podświetloną ikonę, aby przejść do „Rozszerzenia" Sekcja:

Krok 3: Zainstaluj rozszerzenie „Otwórz w domyślnej przeglądarce”

Po kliknięciu ikony rozszerzenia wyszukaj „Otwórz w domyślnej przeglądarce”I uderzył w„zainstalować" przycisk:

Po zainstalowaniu wybranego rozszerzenia na ekranie otworzy się następujący komunikat:

Jak zainstalować rozszerzenie „serwera na żywo” w Visual Studio?

Podobnie, aby zainstalować „Serwer na żywo„Rozszerzenie, wyszukaj go na rynku rozszerzeń i zainstaluj go tą samą metodą:

Jak otwierać/wykonać pliki HTML w przeglądarce za pomocą kodu Visual Studio?

Aby otworzyć pliki HTML w przeglądarce, kliknij prawym przyciskiem myszy w obszarze przestrzeni kodu w kodzie Visual Studio. Następnie wybierz „Otwórz w domyślnej przeglądarce„Opcja lub użyj kombinacji kluczowej”Ctrl+1”:

Inną opcją jest wybór „Otwórz z serwerem na żywo„Rozszerzenie w tym samym celu:

W rezultacie plik zostanie otwarty w przeglądarce internetowej:

Chodziło o otwarcie plików HTML w przeglądarce z kodu Visual Studio.

Wniosek

Kod Visual Studio to edytor tekstu używany do pisania kodu HTML. Ten edytor tekstu składa się z kilku rozszerzeń, takich jak „Otwórz w domyślnej przeglądarce" Lub "Serwer na żywo”, W celu przetestowania kodu w przeglądarce. Ten post wykazał procedurę zainstalowania wspomnianego rozszerzenia Visual Studio i wykorzystania ich do otwierania plików HTML w przeglądarce.