JavaScript-Erweiterungen Teil 1

14. September 2016 von Wade Anderson, @waderyan_

Dies ist der erste Teil einer Serie über JavaScript-Erweiterungen.

Ich habe JavaScript während eines Praktikums im Sommer 2013 gelernt. Obwohl keine schwierige Programmiersprache, fiel mir JavaScript nicht leicht. Ich benutzte einen leichten Editor zusammen mit dem Rest meines Teams und vermisste die tiefen Sprachintegrationsfunktionen von Visual Studio (C#) und Eclipse (Java).

Visual Studio Code ist keine IDE, aber Sie können es erweitern, um viele Dinge zu tun, die eine IDE tun kann. VS Code-Erweiterungen schließen effektiv die Lücke zwischen einer IDE und einem leichten Editor (lesen Sie hier, um zu erfahren, wie wir eine hohe Leistung aufrechterhalten, wenn Erweiterungen hinzugefügt werden).

Unten sind einige der wesentlichen JavaScript-Erweiterungen aufgeführt, die ich und viele von Ihnen täglich verwenden.

Tipp: Installieren Sie eine dieser Erweiterungen, indem Sie auf die Schaltfläche „Erweiterungen anzeigen“ klicken, den Namen der Erweiterung in das Suchfeld eingeben und auf „Installieren“ klicken. Erfahren Sie mehr unter Nach Erweiterungen suchen.

ESLint

Marketplace - ESLint

Herausgeber - Dirk Baeumer

Integrieren Sie ESLint einfach in Ihr Projekt. Dirk ist Mitglied des VS Code-Teams und pflegt diese Erweiterung und hat gerade ein Update veröffentlicht. 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 Dokumentation von VS Code.

eslint animation

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 die README der Erweiterung an, um die Dutzenden von Snippets zu sehen, die dieses Paket bietet.

javascript snippets

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

Path IntelliSense

Marketplace - Path IntelliSense

Herausgeber - Christian Kohler

Diese Erweiterung vervollständigt Dateipfade in Ihrem Quellcode automatisch. Verwenden Sie dies in JavaScript-, HTML-, CSS-Dateien und mehr.

path intellisense

npm IntelliSense

Marketplace - npm IntelliSense

Herausgeber - Christian Kohler

Eine zweite unglaublich nützliche Erweiterung von Christian Kohler. Diese Erweiterung bietet IntelliSense für npm-Module.

npm intellisense

Wade Anderson, VS Code Teammitglied
@waderyan_