JavaScript-Erweiterungen für VS Code

Visual Studio Code unterstützt viele Funktionen für die JavaScript- und Node.js-Entwicklung. Die Funktionen, die mit dem heruntergeladenen Produkt geliefert werden, sind die Kernfunktionen: Debugging, IntelliSense, Code-Navigation usw.

Zusätzlich zu diesen Kernfunktionen können Sie eine große Anzahl hochwertiger Erweiterungen installieren, um VS Code um Funktionen für die JavaScript-Entwicklung zu erweitern.

Tipp: Wie Sie Ihre Erweiterungen installieren und verwalten, erfahren Sie in der Erweiterungsdokumentation.

Erweiterungen finden

Sie finden JavaScript-Erweiterungen, indem Sie JavaScript in die Suchleiste der Erweiterungsansicht eingeben. Alternativ können Sie JavaScript-Erweiterungen anhand von Tags finden: "tag:javascript". Suchen Sie im VS Code oder im Marketplace nach weiteren Erweiterungen.

Zusätzlich können Sie nach Node.js-Erweiterungen suchen.

Tipp: Die oben gezeigten Erweiterungen werden dynamisch abgefragt. Klicken Sie auf eine Erweiterungskachel oben, um die Beschreibung und Rezensionen zu lesen und zu entscheiden, welche Erweiterung am besten für Sie geeignet ist. Mehr erfahren Sie im Marketplace.

Empfohlene Erweiterungen

Wenn Sie gerade erst anfangen, sind hier die Erweiterungen, die wir Ihnen zum Ausprobieren empfehlen.

ESLint

Marketplace - ESLint

Herausgeber - Microsoft

Integrieren Sie ESLint einfach in Ihr Projekt. Wenn ESLint nicht Ihr bevorzugter Linter ist, wählen Sie aus einer Vielzahl anderer Linter-Erweiterungen, darunter JSHint, JSCS und JS Standard.

Lesen Sie mehr über die Einrichtung von JavaScript-Lintern in der VS Code Dokumentation.

SonarLint

Marketplace - SonarLint

Herausgeber - SonarSource

SonarLint hilft Ihnen, Bugs und Sicherheitsprobleme beim Codieren zu finden und zu beheben. Die Erweiterung läuft im Hintergrund und hebt, ähnlich wie eine Rechtschreibprüfung, Codierungsprobleme hervor. SonarLint sagt Ihnen nicht nur, was das Problem ist, sondern gibt auch kontextbezogene Anleitungen, warum ein Problem schädlich ist und wie es behoben werden kann, mit entsprechenden Beispielen. Die Erweiterung unterstützt über 200 JS/TS-Regeln und enthält mehrere Quick Fixes zur automatischen Behebung Ihrer Codierungsprobleme.

Suchen Sie im VS Code Marketplace nach 'SonarLint' und installieren Sie es. Es ist keine Konfiguration erforderlich. Sie können mit einem Standardprofil beginnen, das für die meisten Benutzer geeignet ist, und es an Ihre spezifischen Bedürfnisse anpassen.

JavaScript (ES6) Code-Snippets

Marketplace - JavaScript (ES6) Code-Snippets

Herausgeber - charalampos karypidis

VS Code wird mit vielen integrierten Code-Snippets geliefert. Die Erweiterung JavaScript (ES6) Code-Snippets fügt Snippets für die ES6 (ECMAScript 6) Syntax hinzu. Hier ist eine kleine Auswahl der von dieser Erweiterung bereitgestellten Snippets. Sehen Sie sich das README der Erweiterung an, um die Dutzenden von Snippets zu sehen, die dieses Paket bietet.

Sie können mehr über JavaScript-Snippets in der VS Code Dokumentation lesen. Für zusätzliche Snippet-Pakete, darunter Angular 1, Angular 2, Bootstrap 3, ReactJs und jQuery, besuchen Sie die Kategorie Snippets im Marketplace.

npm IntelliSense

Marketplace - npm IntelliSense

Herausgeber - Christian Kohler

Diese Erweiterung bietet IntelliSense für npm-Module bei Verwendung von import oder require.