Читать книгу Angular - Ferdinand Malcher - Страница 37

Erweiterungen für VS Code

Wir empfehlen zusätzlich noch die Installation einiger Erweiterungen (Extensions). Mit Erweiterungen lassen sich Funktionalitäten des Editors optimal ausnutzen, und die Produktivität bei der Entwicklung mit Angular kann gesteigert werden. Erweiterungen für VS Code können über den Marketplace von Visual Studio bezogen werden.⁴ Die Installation der Plug-ins erfolgt am einfachsten über den in den Editor integrierten Extensions Browser (Abbildung 2–2). Hier können wir den Marketplace nach Plug-ins durchsuchen und die installierten Erweiterungen verwalten.

Abb. 2–2 Erweiterungen in VS Code

Erweiterung	Kurzbeschreibung
	EditorConfig for VS Code⁵	Verarbeitet Informationen einer .editorconfig-Datei und konfiguriert entsprechend den Editor. Somit können editorenübergreifende Einstellungen für die Anzahl von Leerzeichen, verwendete Zeichencodierung etc. geschaffen werden.
	TSLint⁶	Ist eine Integration des Tools TSLint⁷. Verstöße gegen festgelegte Codestil-Richtlinien (festgelegt in der Datei tslint.json) werden grafisch im Editor dargestellt.
	Angular Language Service⁸	Editor-Unterstützung für Angular-Templates. Ermöglicht Autovervollständigung, Typprüfung und Typinformationen in den Templates.
	Path Intellisense⁹	Autovervollständigung für Pfad- und Dateinamen

Tab. 2–1 Empfohlene Erweiterungen für Visual Studio Code

Tabelle 2–1 zeigt eine Liste von Erweiterungen, die wir für die Entwicklung mit Angular empfehlen. Alle Erweiterungen lassen sich über den Extensions Browser installieren oder mit den folgenden Befehlen:

$ code --install-extension EditorConfig.EditorConfig

$ code --install-extension ms-vscode.vscode-typescript-tslint-plugin

$ code --install-extension Angular.ng-template

$ code --install-extension christian-kohler.path-intellisense

Подняться наверх