Programming Language Setup

Node / Javascript / Typescript (Windows)#

Install nvm for windows: link

Then, install the latest LTS version (unless otherwise specified)

nvm install --lts
nvm use lts

Then globally install typescript:

npm install -g typescript ts-node

At this point, I found the following location contained tsc, so PATH it:

C:\Users\comfy\AppData\Roaming\npm

Close all terminals and VSCode and reopen. Debugging should now work.

Last, enable typescript code running by creating a tsconfig.json file:

npx tsc --init

You should now be good-to-go.

You'll want to path your PHP version, installed at C:\xampp\php.

Copy your output from http://localhost/dashboard/phpinfo.php or php -i and paste into the wizard: https://xdebug.org/wizard

Download the appropriate version and paste into C:\xampp\php\ext, renaming to php_xdebug.dll.

Open C:\xampp\php\php.ini and add the following to the bottom:

zend_extension = xdebug

Restart Apache.

Verify the xdebug module is loaded on http://localhost/dashboard/phpinfo.php or php -i.

Next, reopen C:\xampp\php\php.ini and add the following lines to the bottom:

xdebug.mode = debug
xdebug.start_with_request = yes

Restart Apache and reload VSCode, you should now be able to debug.

Lastly, when using XAMPP, you'll notice the webpage fails to display:

<>

This is caused from a null route to an Xdebug config file, we will just disable this in the php.ini:

xdebug.log_level = 0

Restart Apache and verify web pages and debugging both work.