51 min listen
ngAir 125 - Debugging with the CLI and VSCodeGuests Tony Sneed
FromAngular Air
ratings:
Length:
57 minutes
Released:
Aug 8, 2017
Format:
Podcast episode
Description
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
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
Released:
Aug 8, 2017
Format:
Podcast episode
Titles in the series (100)
17 ngAir - Angular Internals: Angular Internals - Angular is an amazing abstraction that hides away many of the complexities of dealing with the DOM, data, and XHRs. But it's extremely valuable to know how your abstractions work to be able to use them to the greatest potential. Tero ... by Angular Air