ngAir 125 - Debugging with the CLI and VSCodeGuests Tony Sneed
Angular Air
English - August 08, 2017 19:29 - 56 minutes - 39.1 MB - ★★★★ - 16 ratingsTechnology javascript programming front end node programmer internet web developer framework development Homepage Download Apple Podcasts Google Podcasts Overcast Castro Pocket Casts RSS feed
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 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