VS2015 Client Tools

Oct 2015 JaxARCSIG

Who am I

• David Fekke
• .NET, Java, iOS, Android, Node.js and IoT
• Co-Organize JaxNode UG

Features in VS2015

• HTML5, CSS3, LESS/SASS, JavaScript
• ASP.NET, Node.js, Python, JavaScript
• NuGet, Grunt, Gulp, Bower, npm
• Deploy to Windows, Azure, Mac or Linux

Project Support

• ASP.NET 4.6
• ASP.NET 5.0 Core
• Python, Node.js

Client Framework Support

• HTML5
• Bootstrap
• Angular
• React

Package Managers

• Nuget
• NPM
• Bower

Nuget

NPM

Bower

JSPM

Grunt & Gulp

WebPack

Task Runner

• Will Auto-detect some scripts
• Bindings for Before, After Build
• Clean tasks
• Project Open

How to Install

• Install Node.js
• Use NPM
• npm install -g grunt-cli
• npm install -g gulp
• npm install -g bower

Installing Dev Dependencies

• npm install gulp-{pluginname} --save-dev
• Will include in the package.json devDependencies

What kind of Tasks

• Copy assets into place
• Uglify JS
• Execute SASS and LESS scripts
• Generate map files
• Transpile CoffeeScript, ES6, TypeScript or Dart into JS

Transpilers

• Allow you to use language features not supported
  by JS or non-JS languages
• Generates JS file in ES5
• Babel and TypeScript use future JS features

Babel

• ES6 or ES2015 support
• Creates JavaScript that will work in modern browsers

Web Essentials

DEMO

Questions?

Contact

• David Fekke
• David Fekke at gmail dot com
• Twitter: @davidfekke
• Skype: davidfekke