Heim >Entwicklungswerkzeuge >VSCode >Wie vscode die js-Laufumgebung konfiguriert

Wie vscode die js-Laufumgebung konfiguriert

王林
王林Original
2019-12-14 17:31:1620641Durchsuche

Wie vscode die js-Laufumgebung konfiguriert

Die VSCode-Schnittstelle ist sehr einfach. Nach der Installation sind alle Funktionen auf einen Blick klar. Wir müssen die in der Abbildung gezeigten Tools und Sprachen anklicken Bild:

Wie vscode die js-Laufumgebung konfiguriert

Installieren Sie die folgenden zwei Plug-Ins wie gezeigt: (Sie können auch andere auswählen. Dies ist nur ein Beispiel)

Wie vscode die js-Laufumgebung konfiguriert

Wir möchten ein JS debuggen und müssen ein HTML-Dokument erstellen und JS hinzufügen. Methode: Erstellen Sie einfach eine Datei und ziehen Sie sie direkt in den Compiler. Der Inhalt lautet wie folgt:

<html>    
    <body>
        <script>windows.alert(&#39;Hello World&#39;)</script>
    </body>
</html>

Nachdem die Datei im Compiler abgelegt wurde und wir F5 drücken, werden wir in einem Popup-Fenster gefragt, welche Umgebung wir verwenden sollen, da wir sie noch nicht erstellt haben. Wenn wir also die Schaltfläche „Mehr“ zum Hinzufügen des Plug-Ins auswählen, können wir dies tun Zum Debuggen:

Wie vscode die js-Laufumgebung konfiguriert

Geben Sie die Erweiterungsspeicherliste ein und wir können das zu installierende Debugger für Chrome-Plugin auswählen. Nach der Installation müssen wir die Umgebung neu starten. Es wird wirksam , oder klicken Sie zum Neuladen:

Wie vscode die js-Laufumgebung konfiguriert

Nach der Installation können Sie Chrome sehen, wenn Sie erneut F5 drücken. Nach der Auswahl befindet sich der Compiler im selben Verzeichnis wie die aktuelle HTML-Datei . Erstellen Sie einen .vscod-Ordner mit einer launch.json-Konfigurationsdatei und zeigen Sie ihn im Compiler an:

Wie vscode die js-Laufumgebung konfiguriert

Als nächstes muss IIS ursprünglich konfiguriert werden, aber derzeit Wir Wir befinden uns in der Lernphase und werden das Web später nicht erlernen, sodass wir keine lokalen IIS-Dienste konfigurieren. Wir können den der URL entsprechenden Wert direkt eingeben Pfad ist, wir können es zuerst selbst mit einem Browser öffnen. Kopieren Sie die Browseradresse wie folgt in den Wert, der der URL entspricht:

{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "chrome",
            "request": "launch",
            "name": "Launch Chrome against localhost",
            "url": "file:///C:/Users/xfdg/Desktop/jsCode/helloworld.html",
            "webRoot": "${workspaceRoot}"
        }
    ]}

Danach drücken Sie F5 und wir werden feststellen, dass es normal ausgeführt werden kann. Sie können beruhigt unsere grundlegenden JS-Kenntnisse erlernen:

Wie vscode die js-Laufumgebung konfiguriert
Empfohlene verwandte Artikel und Tutorials: vscode-Tutorial

Das obige ist der detaillierte Inhalt vonWie vscode die js-Laufumgebung konfiguriert. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn