65 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)
10 ngAir - Angular and Testing: One of the things we love about Angular is how testable it is. With the separation of concerns between where we interact with the DOM, where our business logic resides, and where our view logic belongs, combined with dependency injection, Angular is a fa... by Angular Air