1. GitLens

View Git history and blame annotations directly in the editor.

ID: eamodio.gitlens

2. Prettier

Auto-format code on save.

ID: esbenp.prettier-vscode

3. ESLint

Catch JavaScript bugs and style issues before runtime.

ID: dbaeumer.vscode-eslint

4. Docker

Syntax highlighting and IntelliSense for Dockerfiles and Compose files.

ID: ms-azuretools.vscode-docker

5. Remote - SSH

Connect to a VPS via SSH and edit files directly in VSCode.

ID: ms-vscode-remote.remote-ssh

6. GitHub Copilot

AI-powered code completion. Paid, but significantly boosts productivity.

ID: GitHub.copilot

7. indent-rainbow

Color-codes indentation levels for easier reading.

ID: oderwat.indent-rainbow

8. Auto Rename Tag

Automatically renames the matching HTML closing tag when you edit an opening tag.

ID: formulahendry.auto-rename-tag

9. Path Intellisense

Autocompletes file paths as you type ./.

ID: christian-kohler.path-intellisense

10. Japanese Language Pack

Localizes the VSCode UI to Japanese.

ID: MS-CEINTL.vscode-language-pack-ja

How to Install

  1. Open VSCode
  2. Click the Extensions icon in the left sidebar
  3. Search for the extension ID
  4. Click “Install”

Common Pitfalls

  • Too many extensions slow VSCode down — install only what you use
  • Prettier and ESLint need aligned configs to avoid conflicts
  • Remote - SSH requires SSH access set up on the server side

For SSH config setup on your VPS, see SSH Basics on Linux.

  • Fiverr - Find freelance developers and tech experts