VS Code Extensions: My Workflows

When it comes to my VS Code extensions, I have mine set up a few different ways depending on what kind of project I’m working on:

Default

These are the default plugins I have locally installed, for every profile and every project container.

• GitLens
• Playwright Tests for VS code
• Prettier
• Todo Tree
• tl;dr pages
• vscode-icons

Static Sites

These are additional plugins which come in handy with building static sites like this one and ryanrobinson.ca:

• Markdown All in One
• Markdown lint
• Front Matter CMS

Containers/Remote (WordPress/Drupal)

This profile includes the basic requirements to connect to containers and/or remote:

• Dev Containers
• Remote SSH

Each container, using the devcontainer.json functionality, can also define new extensions for that container. So here’s an example of doing that for a Drupal site:

• MySQL
• Drupal
• Twig
• PHPTools