Build 2017 Demo

10. Mai 2017 Chris Dias, @chrisdias

Unten finden Sie Links zu den Beispielanwendungen, Tools und Erweiterungen, die in der Build 2017 VS Code-Präsentation vorgestellt wurden.

Beispiele

• StickerApp ist eine voll funktionsfähige Version der in der Demo verwendeten App.

Werkzeuge

• NPM (Node Package Manager) Support bietet Unterstützung für die Ausführung von npm install und npm uninstall Befehlen innerhalb von VS Code.

• Auto Close HTML tag fügt automatisch schließende HTML- und XML-Tags hinzu.

• CSS IntelliSense (Vervollständigungen) bietet Vervollständigungen von CSS-Klassennamen für das HTML-class-Attribut basierend auf den CSS-Dateien in Ihrem Arbeitsbereich sowie für Reacts className Attribut.

React

• Ein neues React Tutorial zeigt Ihnen, wie Sie eine React-App von Grund auf neu einrichten, IntelliSense, Debugging, Linters und mehr.

Angular

• Angular Language Service bietet eine reichhaltige Bearbeitungserfahrung für Angular-Vorlagen, sowohl Inline- als auch externe Vorlagen, einschließlich Vervollständigungslisten, AOT-Diagnosemeldungen, Schnellinformationen und sogar "Gehe zu Definition".

Debugging

• Die Node.js Debugging-Dokumentation von VS Code erklärt, wie VS Code für eine Vielzahl von Anwendungstypen konfiguriert wird.

• Chrome Debugger ermöglicht es Ihnen, Ihren JavaScript-Code zu debuggen, der im Google Chrome-Browser oder in anderen Zielen ausgeführt wird, die das Chrome Debugging Protocol unterstützen.

• Rezepte zur Debugging-Konfiguration

Linter

• TSLint integriert den tslint Linter für die TypeScript-Sprache in VS Code.

• ESLint integriert ESLint (ein erweiterbares Linting-Tool für JavaScript und JavaScript React (JSX)) in VS Code.

NoSQL MongoDB

• Die MongoDB Extension ermöglicht Ihnen die Verbindung zu lokalen und gehosteten MongoDB-Datenbanken, das Erstellen und Löschen von Datenbanken und Sammlungen, das Ausführen von Abfragen und mehr. Um die Erweiterung zu verwenden, klonen Sie einfach das Repository, führen Sie npm install aus und drücken Sie dann F5, um die Erweiterung im Entwicklungshost auszuführen. Alternativ können Sie die Erweiterung lokal erstellen und dann installieren.

npm install -g vsce
vsce package
code --install-extension vscode-mongodb-0.0.1.vsix

Docker und Microservices

• Installieren und erfahren Sie mehr über Docker.

• Die Docker Tools for VS Code erleichtern die Entwicklung und Bereitstellung von containerisierten, Microservice-basierten Anwendungen mithilfe von Docker-Containern.

• Docker Multi-Stage Builds