Step 1: Setting up Visual Studio 2015
Firstly, you need to make sure that you have Visual Studio 2015 installed on your system. Once it’s installed, open a project in Visual Studio and hit ‘F5’ to run the project. This will launch the application in your preferred web browser and begin the burster coaster ride of debugging.
Step 2: Setting up Chrome for debugging
Now, you need to install the Chrome debugger extension for Visual Studio to set up Chrome for debugging. It’s a tough task, so follow these instructions carefully:
- Open Visual Studio 2015 and navigate to the ‘Tools’ menu.
- Click on ‘Extensions and Updates’ and search for ‘Chrome Debugger’.
- Click on ‘Install’ to install the Chrome debugger extension for Visual Studio.
- Once the installation is complete, you will see the ‘Chrome Debugger’ option under the ‘Debug’ menu in Visual Studio.
- Open the project that you want to debug in Visual Studio 2015.
- Hit ‘F5’ to run the application in your preferred web browser.
- In Chrome, click on the ‘Chrome Debugger’ option under the ‘Debug’ menu in Visual Studio.
- This will open the Chrome Developer Tools window. (If you’re terrified, just take a deep breath!)
- Use the console to log messages and values at different points in the code. (Who knew the console could actually be useful?)
- Use the watch window to monitor the values of variables and expressions in real-time. (Pretty nifty, huh?)
- Use the call stack to view the hierarchy of function calls that are currently executing. (Mind-boggling!)