vscode-environment

name	vscode-environment
description	Optimal workspace setup for productivity.
tier	standard
applyTo	**/.vscode/**,**/settings.json,**/launch.json,**/tasks.json,**/extensions.json

VS Code Environment Skill

Optimal workspace setup for productivity.

Essential Extensions

Category	Extensions
AI	GitHub Copilot, Copilot Chat
Git	GitLens, Git Graph
Markdown	Markdown All in One, markdownlint
Format	Prettier, EditorConfig
Diagrams	Mermaid Preview, Draw.io

Workspace Settings

{
  "editor.formatOnSave": true,
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.rulers": [80, 120],
  "files.trimTrailingWhitespace": true,
  "files.insertFinalNewline": true,
  "editor.bracketPairColorization.enabled": true,
  "editor.guides.bracketPairs": true
}

extensions.json

{
  "recommendations": [
    "github.copilot",
    "github.copilot-chat",
    "eamodio.gitlens",
    "esbenp.prettier-vscode",
    "davidanson.vscode-markdownlint"
  ]
}

launch.json Patterns

Type	Use
Node.js	"type": "node"
TypeScript	"type": "node", "preLaunchTask": "tsc"
Extension	"type": "extensionHost"
Python	"type": "debugpy"

tasks.json Patterns

{
  "version": "2.0.0",
  "tasks": [
    {
      "label": "build",
      "type": "npm",
      "script": "compile",
      "problemMatcher": "$tsc"
    }
  ]
}

Workspace Structure

.vscode/
├── settings.json      # Workspace settings
├── extensions.json    # Recommended extensions
├── launch.json        # Debug configs
├── tasks.json         # Build tasks
└── *.code-snippets    # Custom snippets

Multi-Root Workspaces

{
  "folders": [
    { "path": "frontend" },
    { "path": "backend" }
  ],
  "settings": {}
}

Per-Language Settings

{
  "[markdown]": {
    "editor.wordWrap": "on",
    "editor.quickSuggestions": false
  },
  "[typescript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  }
}