.vscode

title	VS Code Workspace Configuration
description	Visual Studio Code workspace settings, tasks, extensions, and AI integration for LightSpeedWP development environment
version	v1.2
last_updated	2026-06-01
maintainer	LightSpeed Engineering
tags	vscode configuration extensions tasks ai development
file_type	configuration

VS Code Workspace Configuration (.vscode)

This folder contains all Visual Studio Code workspace settings, tasks, and recommended extensions for the LightSpeedWP project. It ensures a consistent, automated, and standards-driven development experience for all contributors.

📊 VS Code Configuration Architecture

---
accTitle: VS Code Workspace Configuration Architecture
accDescr: Flowchart showing the VS Code workspace hierarchy with three main branches (Extensions, Tasks, Settings) that lead to development tools including AI Agents, Linting tools (ESLint, Stylelint, Markdownlint), Testing (Jest), Build automation, EditorConfig, and Keybindings configuration
---
flowchart TD
    A[VS Code Workspace] --> B[Extensions]
    A --> C[Tasks]
    A --> D[Settings]
    B --> E[AI Agents]
    B --> F[Linting]
    B --> G[Testing]
    C --> H[Build]
    C --> I[Run]
    D --> J[EditorConfig]
    D --> K[Keybindings]
    E --> L[Copilot]
    E --> M[Agents]
    F --> N[ESLint]
    F --> O[Stylelint]
    F --> P[Markdownlint]
    G --> Q[Jest]
    H --> S[Unit Tests]
    I --> T[Test Coverage]
    J --> U[Formatting]
    K --> V[Shortcuts]
    L --> W[Prompts]
    M --> X[Automation]
    N --> Y[JavaScript]
    O --> Z[CSS]
    P --> AA[Markdown]
    Q --> AB[Coverage]
    S --> AD[Summary]
    T --> AE[Results]

    style A fill:#e1f5fe
    style B fill:#f3e5f5
    style C fill:#e8f5e8
    style D fill:#fff3e0

Loading

---

Folder Contents

• extensions.json

  • AI coding assistants (Copilot, Claude, Gemini, CodeRabbit, etc.)
  • GitHub workflow tools (PRs, Codespaces, Actions, GitLens)
  • Linting and formatting (Prettier, ESLint, Stylelint, Markdownlint)
  • WordPress/PHP development (Intelephense, PHPCS, WP Toolbox)
  • Testing (Jest)
  • JSON, Docker, and other core dev tools

• settings.json Workspace-wide editor and tool settings:

  • Enforces formatting on save, trailing whitespace trimming, and newline rules
  • Language-specific formatting and linting (PHP, JS, CSS, JSON, Markdown)
  • Copilot and AI agent configuration
  • File associations for custom doc types
  • Excludes build and dependency folders from search and file watching
  • YAML schema mapping for documentation and automation

• tasks.json Predefined tasks for common workflows:

  • Run unit tests (npm: test-unit)
  • Lint JavaScript, CSS, and Markdown
  • Collect test coverage

• launch.json Debugger configurations:

  • PHP (Xdebug on port 9003)
  • Node.js debugging for Jest tests and scripts

• mcp.json Model Context Protocol (MCP) server configuration:

  • Integrates GitHub MCP server for advanced automation and Copilot Spaces.

---

Usage

• Open the project in VS Code to automatically apply these settings and see extension recommendations.
• Use the Task Runner (Cmd+Shift+P → "Run Task") for linting, testing, and E2E workflows.
• The workspace is pre-configured for collaborative, standards-compliant WordPress and automation development.

---

🔗 Related Configuration

📚 Development Standards

• Coding Standards - Unified development guidelines
• Linting Instructions - Code quality standards
• Contributing Guidelines - How to contribute to LightSpeed projects

🤖 AI & Automation

• Custom Instructions - Organization-wide Copilot settings
• Agents Documentation - Automation agents and workflows
• Scripts Directory - Utility scripts and automation tools

🧪 Testing & Quality

• Testing Framework - Test suites and coverage documentation
• JSON Schemas - Schema validation and IDE integration
• Main Repository - LightSpeed community health repository

---

Maintained by the LightSpeedWP team for a seamless contributor experience.

Maintained with ❤️ by the 🚀 LightSpeedWP Automation Team Org Profile