VSCode

Useful extensions

Area	Extension	Description
UI	~~Rainbow brackets~~	Gives each pair of brackets a unique colour for easy identification. This is now built-in and can be enabled by adding `"editor.bracketPairColorization.enabled": true` to the `settings.json` file.
Git	Git Graph	Provides a clean graph of the project history.
Git	Git autoconfig	Ensure you set the commit email for each project.
Angular/TypeScript	TypeScript Hero	Manage TypeScript imports.
Utilities	Rest client	Postman like capabilities.

Example launch.json snippets

Python

{
"name": "Python: App (Integrated Terminal)",
"type": "python",
"request": "launch",
"program": "${workspaceFolder}/path/to/start.py",
    "console": "integratedTerminal",
    "cwd": "${workspaceFolder}",
"pythonPath": "${workspaceFolder}/venv/Scripts/python.exe",
    "env": {
        "PYTHONPATH" : "${workspaceFolder}"
}
}

pythonPath - Ensure the application runs through your virtual environment
PYTHONPATH - allows Python to actually find your source code.

Angular frontend and NET Core backend

"configurations": [
{
"name": "Frontend",
"command": "npm start",
"request": "launch",
"type": "node-terminal",
"cwd": "${workspaceFolder}/Frontend/",
        "skipFiles": [
            "<node_internals>/**"
        ]
    },
    {
        "name": "API",
        "type": "coreclr",
        "request": "launch",
        "preLaunchTask": "build",
        "program": "${workspaceFolder}/Backend/<project>/bin/Debug/net5.0/C<project>.dll",
"args": [],
"cwd": "${workspaceFolder}/Backend/<project>",
"stopAtEntry": false,
"serverReadyAction": {
"action": "openExternally",
"pattern": "\\bNow listening on:\\s+(https?://\\S+)"
},
"env": {
"ASPNETCORE_ENVIRONMENT": "Development"
}
},

],
"compounds": [
{
"name": "API + Frontend",
"configurations": ["API", "Frontend"]
}
]