Nick Trogh (@nicktrog) Technical Evangelist, Microsoft

Agenda Introduction to Visual Studio Code DEMO The editor Customizations Version control Extensions Debugging Tasks

#AskMSDev

Introduction to Visual Studio Code

editor IDE lightweight/fast file/folders many languages many workflows Build 2014 11/12/2018 editor IDE lightweight/fast file/folders many languages many workflows keyboard centered lightweight/fast file/folders with project context many languages keyboard centered code understanding (some languages) debug task running project systems code understanding debug integrated build File>New, wizards designers ALM integration platform tools ... Where does VS sit? Two ends of the spectrum Traditionally MS focused on IDEs Editors: notepad++, Sublime, Emacs, ... IDE: VS, Eclipse, IntelliJ Bring great things of IDE into editor -> intellisense, go to definition, lightbulb, ... VS Code: enterprise-ready, built by MS Lightweight experience -> Currently in v0.8.0 Small download, approx Integrated with cmdline © 2014 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Cross-Platform

+ Squirrel for application updates Build 2014 11/12/2018 + Squirrel for application updates + FirstMate for TextMate syntax bundle support © 2014 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Open Source

DEMO Visual Studio Code Getting started: npm install -g typescript tsc greeter.ts Types Classes Interfaces Modules Generics Enums Optional fields in interface or function params (?-syntax) Lambdas VS Code Tooling Tsconfig.json -> typescript configuration and IntelliSense (avoids use of reference) Tasks.json -> compile task Visual Studio Code

Agenda Introduction to Visual Studio Code DEMO The editor Customizations Version control Extensions Debugging Tasks

Resources Visual Studio Code http://code.visualstudio.com http://marketplace.visualstudio.com/#vscode http://github.com/microsoft/vscode

Want more JavaScript webinars? http://aka.ms/jswebinars

#AskMSDev

Thank you