ngAir 125 - Debugging with the CLI and VSCodeGuests Tony Sneed
08.08.2017 - By Angular Air
Download our free app to listen on your phone
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
---
Support this podcast: https://podcasters.spotify.com/pod/show/angularair/support