Skip to content

hawallz/debugging-angular

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Debugging Angular

Debugging Angular with Visual Studio Code.

Debugging Video Tutorial

Project Configuration

Setting Value
Purpose Debugging with VS Code using a simple Angular project
Client Framework Angular
Client Language TypeScript
Architecture npm/node
IDE Visual Studio Code
License GPL v3
Tutorial Youtube Tutorial

Generate Application

The app generation is based on https://angular.io/guide/setup-local.

  • Run npm install -g @angular/cli - Install the app generator CLI tool.
  • Run ng new client - Generate an application, I named it client.
  • Run cd client - Change directory to the app.
  • Run ng serve --open - Start the compiler, web server and open Chrome.

Debugging

Debug with Visual Studio Code

Configure Launchers

  1. launch.json
  2. tasks.json

Run Launchers

Launching and debugging in chrome will allow you to use break points in the source code. The launchers are based on https://github.com/microsoft/vscode-recipes/tree/master/Angular-CLI.

  • Run the Visual Studio Code Launcher Launch ng serve & Chrome

Debug with npm

  • Run npm start

About

Debugging Angular with Visual Studio Code

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 73.1%
  • TypeScript 21.6%
  • JavaScript 5.1%
  • CSS 0.2%