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

Synapses

See synapses.json for connections.