# Vscode Environment

> Optimal workspace setup for productivity.

- Skill: `fabioc-aloha/vscode-environment` (Agent Skill)
- Install (CLI): `npx skillmds@latest add fabioc-aloha/vscode-environment`
- Raw SKILL.md: https://api.skillmd.com/api/skills/fabioc-aloha/vscode-environment/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: fabioc-aloha (https://skillmd.com/u/fabioc-aloha)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/fabioc-aloha/vscode-environment

---


# 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

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