So führen Sie Front-End-Code auf vscode aus

Im Allgemeinen müssen wir nach der Installation von VsCode viele Plug-Ins installieren, damit vscode verwandte Funktionen unterstützt. Schauen wir uns an, wie vscode den Front-End-Code ausführt.

vscode kann einen statischen Webserver installieren und Live Server wird verwendet, um Front-End-Code auszuführen für einfaches Debuggen. Der neueste Live Server unterstützt bereits dynamische PHP-Seiten.

Die Installationsmethode besteht darin, auf das fünfte Symbol auf der linken Seite zu klicken, um die Seite „Erweiterungen“ zu öffnen, Live Server in das Textfeld einzugeben, auf das erste Suchergebnis zu klicken, auf der rechten Seite auf „Installieren“ zu klicken und zu warten bis die Installation abgeschlossen ist.

Die Vorgehensweise besteht darin, das Projekt auszuwählen und in der Symbolleiste am unteren Bildschirmrand auf die Schaltfläche „Live gehen“ zu klicken. Klicken Sie erneut darauf, um den Server zu stoppen.

Live Server verfügt über einige Standardkonfigurationsoptionen, die Benutzer ändern können. Klicken Sie auf Datei->Einstellungen->Einstellungen und suchen Sie auf der rechten Seite nach Live Server Config, das die Konfigurationseigenschaften dieses Plug-ins auflistet. Kopieren Sie es nach rechts, ändern Sie die Attributwerte und klicken Sie auf Speichern.

Um beispielsweise den Standardport zu ändern, können Sie den folgenden Code in die Benutzereinstellungen auf der rechten Seite der Seite kopieren:

"liveServer.settings.port": 5501

Empfohlene Tutorials zu verwandten Artikeln: vscode-Tutorial

Das obige ist der detaillierte Inhalt vonSo führen Sie Front-End-Code auf vscode aus. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!