VSCode

VSCode notes…

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"]
}
]