Visual Studio 2013 Update 4 Introduction

STUDIO 2013 THAT I COPIED FROM A LOT OF SCOTT

HANSELMAN AND MADSKENDRICK VIDEOS ONLINE AND I

THINK THAT I MIGHT HAVE MISSPELLED MADS KENDRICS

PLUS DID YOU KNOW VISUAL STUDIO 2013 HAS ALREADY BEEN OUT LIKE OVER A YEAR ALREADY AND HAS FOUR UPDATES AND BY

THE WAY THERE’S A FREE VERSION NOW SO GO AHEAD AND

DOWNLOAD IT ALREADY AND

AKA Visual Studio 2013 Introduction

(ACCORDING TO GOOGLE HIS NAME IS ACTUALLY MADS KRISTENSEN)

THIS IS ALL THE STUFF WE ARE GOING TO TALK ABOUTIDE Updates

Git Support

HTML Editor

SASS (Update 2)

JavaScript

Web Essentials + Other tooling

I PROMISE IT WILL BE COOLER THAN IT SOUNDS

IDE NEW FEATURES – PREVIEW TOOLSVisual Studio 2013 offers like 5 million ways of previewing code.

For example, peek definition:

CAN’T GO WRONG WITH PUPPIES, RIGHT?

IDE NEW FEATURES

Okay – not really five million ways of previewing code but here’s three pretty cool ones: Peek Definition (Alt + F12)

New Scrollbar (Used to be a part of powertools extension)

Preview Window (Clicking anything in solution explorer.

Let’s look at some actual code…

VISUAL STUDIO HAS A TON OF BRAND NEW SHORTCUTS.

SO YOU NO LONGER HAVE TO TYPE LIKE THIS…

IDE NEW FEATURES

New Quick Keyboard Shortcuts Ctrl-Q to find any setting quickly

Ctrl-; to search solution explorer quickly

Ctrl-. to quickly resolve references

Ctrl, to open newly optimized “Navigate To” menu

Ctrl 0, G to go to Git Changes

Ctrl 0, o to go to Git Commits

NOW YOU CAN TYPE LIKE THIS!

Let’s try it out

GIT SUPPORT

Setting up Stash authentication

Cloning a new project

Pulling

Code changes

Pushing

Branching

https://github.com/WhiteHouse/fortyfour/issues/3

BACK IN MY DAY WE HAD TO HIKE SIX MILES TO SCHOOL UPHILL THROUGH SNOW

WITH NO CHROME DEV TOOLS OR DEBUGGER

AND WE LIVED OFF DOCUMENT.WRITE AND ALERT(“EVERYTHING UNDER THE SUN”)

NOWADAYS YOU GET BROWSERLINK (IN VS2013)Real time persistent client-server connection using SignalR

No more Cassini (VS Dev Server)

Works with IIS Express or Full IIS

THE HTML EDITOR DOESN’T SUCK ANYMORE

HTML Editor Bootstrap Support

URL Picker (Update 2)

Update 4 no longer pukes when it sees {{}} in HTML templates or customer elements/attributes

#region, TODO, and HACK support (Update 4)

Basic IntelliSense for Web Components

SASS

Auto-build CSS + Map

Drag and Drop Image Support

Snippets

READY FOR MORE CODE?

JAVASCRIPT

JavaScript XML Comments vs JSDoc

RequireJS Support as of update 3, modules as of Update 4

Full featured JSON editor

Package.json and bower.json Intellisense

JavaScriptNinja

JavaScriptEngineer

(ENGINEERS > NINJAS) === TRUE

NOW WE GET TO THE REALLY COOL STUFF

ENGINEERS TO FOLLOW:

Anders Hejlsberg @ahejls1berg Inventor of C# and TypeScript

Mads Kristensen @mkristensen Microsoft Tooling Innovator – lead creator of web essentials

Scott Hanselman @shanselmanMicrosoft Uber Evanglist/Developer – good luck ever finding a seat at one of his presentations

Douglas Crockford @crockfordfactsSupreme overlord and master dictator of JavaScript i.e. the most polarizing guru in the universe

My Twitter @wtvampI scrubbed all the bad stuff before the presentation started (hopefully)

YOU SHOULD ADD THESE GUYS TO YOUR TWITTER IMMEDIATELY

SERIOUSLY – WHY DON’T YOU HAVE YOUR SMART PHONES OUT?

WEB ESSENTIALS

Zen Coding

SASS/CSS Intellisense

JSHint

Increased code folding

Placeholder Generators

Bootstrap class validation

Customer editors like robots.txt

OTHER COOL TOOLS

JavaScript Parser Gives a class-like view of JavaScript components for easier navigation

JavaScript vsdoc Generator Creates /// shortcut to auto-generate XML comments just like C#

Grunt Launcher Right click to launch Grunt, Gulp, and Bower commands in visual studio

Doesn’t work in subdirectories

NodeJS Tools Run NodeJS programs in Visual Studio

QUESTIONS?