1. Install Debugger for chrome extension on your VS Code.
  2. Install and activate Live Server extension on your VS Code.
  3. Press F5 and select Chrome:

  1. Check your Live Server port* and change the generated launch.json

  1. Set your break points, run Live Server and press F5:


  • To check your Live Server port:
  1. Install Live Server & reload VS Code.
  2. Go to Preferences > Extensions > Live Server Config
  3. Scroll down to find Settings: Port and click "Edit in settings.json". Then you'll see the port number.