Guest

Tony Sneed

 

Episode Notes

Intro

Debugging

Why would we want to debug in our editor instead of just in browser dev tools?

VS Code Debugging:

Debugging app serve, unit tests, end-to-end tests

Recipe: https://github.com/weinand/vscode-recipes/tree/master/Angular-CLI

Angular CLI versions

Fix sourcemap issues - 1.3 (now in rc)

How do we get set up

Install / update node - latest current version

Install angular cli globally: npm install -g @angular/[email protected]

New angular app: ng new my-dream-app

Npm scripts vs global ng commands

Demo

Other cool stuff (time permitting)

Blog post: https://blog.tonysneed.com/2017/07/18/turbocharge-vs-code-for-angular-development/

VS Code tasks for npm scripts

Passing parameters

Keyboard shortcuts

Cool extensions

Icons: vs-code-icons

Organizing imports: TS Hero

Renaming and moving files:  Move TypeScript

Angular Language Service

Wrap up

 

Picks

Angular DI w/ updated 5.0 referenceshttps://blog.thoughtram.io/angular/2015/05/18/dependency-injection-in-angular-2.html#new-staticinjector-apis

Webpack 3.5 is out scope hoisting fixeshttps://twitter.com/wSokra/status/894843792175616000