Build 2017 Demo

May 10, 2017 Chris Dias, @chrisdias

Below are links to the samples, tools, and extensions demonstrated in the Build 2017 VS Code talk.

Samples

• StickerApp is a full featured version of the app used in the demo.

Tools

• NPM (Node Package Manager) Support provides support for running npm install and npm uninstall commands from within VS Code.

• Auto Close HTML tag automatically adds HTML and XML closing tags.

• CSS IntelliSense (Completions) provides CSS class name completion for the HTML class attribute based on the CSS files in your workspace as well as React's className attribute.

React

• A new React Tutorial shows you how to set up a React app from scratch, IntelliSense, Debugging, Linters, and more.

Angular

• Angular Language Service provides a rich editing experience for Angular templates, both inline and external templates including completions lists, AOT diagnostic messages, quick info, and even Go To Definition.

Debugging

• VS Code's Node.js Debugging documentation explains how to configure VS Code for a variety of application types.

• Chrome Debugger lets you debug your JavaScript code running in the Google Chrome browser or other targets that support the Chrome Debugging Protocol.

• Debugging configuration recipes

Linters

• TSLint integrates the tslint linter for the TypeScript language into VS Code.

• ESLint integrates ESLint (a pluggable linting utility for JavaScript and JavaScript React (JSX) into VS Code.

NoSQL MongoDB

• The MongoDB Extension lets you connect to both local and hosted MongoDB databases, create and drop databases and collections, run queries, and more. To use the extension simply clone the repository, run npm install, and then press F5 to run the extension in the development host. Alternatively, you can build the extension locally and then install it:

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

Docker and Micro-Services

• Install and learn more about Docker.

• The Docker Tools for VS Code make it easy to develop and deploy containerized micro-service based applications using Docker containers.

• Docker multi-stage builds