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