ngAir 125 - Debugging with the CLI and VSCodeGuests Tony Sneed - a podcast by Angular Air

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 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

---

Support this podcast: https://anchor.fm/angularair/support

Further episodes of Angular Air

Further podcasts by Angular Air

Website of Angular Air