- Install node.js and optionally yarn
- Install and open Visual Studio Code
- Install chrome debugging extension for Visual Studio Code
- Install @angular/cli
npm i -g @angular/cli
ORyarn global add @angular/cli
- Create a new project
ng new my-project
- Open project in Visual Studio Code
- Debug > Add configuration
- Paste contents of
launch.json
into the newlaunch.json
configuration file. - Start project
ng serve
optionally changing the port with-p <value>
or--port
. Remember to change the port inlaunch.json
first since Visual Studio Code will reload and stop all programs running in the builtin terminal. - Debug > Launch Chrome agains