ngAir 125 - Debugging with the CLI and VSCodeGuests Tony Sneed

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/cli@1.3.0-rc.5

    • 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 references
  https://blog.thoughtram.io/angular/2015/05/18/dependency-injection-in-angular-2.html#new-staticinjector-apis
• Webpack 3.5 is out scope hoisting fixes
  https://twitter.com/wSokra/status/894843792175616000