visual studio code debug angular reference not found

Create a Launch configuration by clicking the launch configuration dropdown in the debug toolbar and selecting 'Add Configuration':.A red circle should appear to indicate a breakpoint: Add any breakpoints by left-clicking to the left of the line number you wish to break at.To debug, enter debug mode by typing CTRL+SHIFT+D or by pressing the debug button:.You should see the project directory structure in the project explorer: In the 'File' menu, select 'Open Folder' and navigate to the directory that you installed the NGVL project in.Click 'Install' when you find the plugin. Add the Visual Studio Chrome Debugger by opening extensions (CTRL-SHIFT-X or View → Extensions) and typing 'Debugger for Chrome' into the search bar.Download and install this if you do not already have it.ĭebugging Angular with Visual Studio Code Debugging also requires the Chrome web browser.If you don't have it already, download and install Visual Studio Code.Note: If you intend to connect to your development machine from outside of localhost to view the NGVL website, you will need to specify a few extra parameters as follows: ng serve -host 0.0.0.0 -public-host ĭownload and Install Visual Studio Code and Chrome

Run NGVL with the following command: ng serve Install the necessary Angular packages by typing: yarn install In a command prompt, navigate to the directory you installed the NGVL project in during the step Clone the NGVL Project.Open a command window and install the angular/CLI package globally by typing: npm install -g not close the command prompt as we'll use it in the next step. If you do not have Angular installed already,you can do so as follows:

Clone the repository hosted on GitHub at to a suitable location.

Visual studio code debug angular reference not found