So öffnen Sie HTML -Dateien in Ihrem Browser von Visual Studio Code

So öffnen Sie HTML -Dateien in Ihrem Browser von Visual Studio Code
Visual Studio -Code ist der IDE- und Code -Editor für Softwareentwicklerteams. Es hilft beim Aufbau und Debuggen von Anwendungen. Dieser Code -Editor bietet Erweiterungen, die Debugger, Sprachen und Installationstools hinzufügen, um die Anwendungsentwicklung zu unterstützen. Genauer, "Im Standardbrowser öffnen" Und "Live -Server”Kann zum Testen des HTML -Codes im Browser verwendet werden.

In diesem Beitrag führen Sie sich an:

  • Welche Visual Studio -Code -Erweiterungen werden verwendet, um HTML -Dateien im Browser zu öffnen?
  • Wie installiert man "Im Standardbrowser öffnenErweiterung auf Visual Studio?
  • So installieren Sie die “Live -ServerErweiterung auf Visual Studio?
  • So öffnen/führen Sie HTML -Dateien im Browser mit Visual Studio -Code im Browser aus/aus?

Welche Visual Studio -Code -Erweiterungen werden verwendet, um HTML -Dateien im Webbrowser zu öffnen?

Verschiedene Erweiterungen im Visual Studio -Code sind sehr nützlich für Webentwickler, wie hübscher, JavaScript Booster und mehr. Wir werden jedoch zwei von ihnen verwenden, die bei der Öffnung der HTML -Dateien im Browser helfen, die sindIm Standardbrowser öffnen" Und "Live -Server”.

So installieren Sie die Erweiterung „Open in Standardbrowser“ auf Visual Studio?

Zum Zweck der Installation der “Im Standardbrowser öffnenErweiterung im Visual Studio -Code, lesen Sie die bereitgestellte Prozedur.

Schritt 1: HTML -Datei erstellen

Angenommen, wir haben eine HTML -Seite erstellt, wie im folgenden Bild gezeigt:

Schritt 2: Navigieren Sie zu Erweiterungen

Klicken Sie dann auf das hervorgehobene Symbol, um zum „zu navigieren“Erweiterungen" Abschnitt:

Schritt 3: Installieren Sie die Erweiterung "Im Standardbrowser öffnen"

Nachdem Sie auf das Symbol der Erweiterung geklickt haben, suchen Sie nach “Im Standardbrowser öffnen"Und schlägt die"Installieren" Taste:

Nach der Installation der ausgewählten Erweiterung wird die folgende Nachricht auf dem Bildschirm geöffnet:

So installieren Sie die Erweiterung „Live Server“ in Visual Studio?

In ähnlicher Weise installieren Sie die “Live -ServerErweiterung, suchen Sie im Verlängerungsmarkt und installieren Sie es mit derselben Methode:

So öffnen/führen Sie HTML -Dateien im Browser mit Visual Studio -Code im Browser aus/aus?

Um HTML-Dateien in Ihrem Browser zu öffnen, klicken Sie mit der rechten Maustast. Dann wählen Sie die “Im Standardbrowser öffnenOption oder verwenden Sie die Schlüsselkombination "Strg+1”:

Die andere Option besteht darin, die zu wählen “Öffnen Sie mit Live -ServerErweiterung für den gleichen Zweck:

Infolgedessen wird die Datei in Ihrem Webbrowser geöffnet:

Hier ging es darum, HTML -Dateien in Ihrem Browser von Visual Studio Code zu öffnen.

Abschluss

Visual Studio -Code ist der Texteditor, der zum Schreiben von HTML -Code verwendet wird. Dieser Texteditor besteht aus mehreren Erweiterungen, wie z. "Im Standardbrowser öffnen" oder "Live -Server”, Um den Code im Browser zu testen. Dieser Beitrag hat das Verfahren zur Installation der genannten Visual Studio -Erweiterung gezeigt und zum Öffnen von HTML -Dateien im Browser verwendet.