VS Code Environment Skill

Name: Vscode Environment
Rating: 62
Author: fabioc-aloha

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

json

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

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

json

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

Workspace Structure

text

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

Multi-Root Workspaces

json

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

Per-Language Settings

json

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

Synapses

See synapses.json for connections.