AgentSkillsCN

vscode-extension

在开发VS Code扩展时使用，包括TextMate语法、语言配置及扩展清单

SKILL.md
--- frontmatter
name: vscode-extension
# prettier-ignore
description: Use when developing VS Code extensions including TextMate grammars, language configuration, and extension manifest

VS Code Extension Development

Quick Start

json
// package.json
{
  "name": "my-language",
  "contributes": {
    "languages": [{
      "id": "mylang",
      "extensions": [".ml"],
      "configuration": "./language-configuration.json"
    }],
    "grammars": [{
      "language": "mylang",
      "scopeName": "source.mylang",
      "path": "./syntaxes/mylang.tmLanguage.json"
    }]
  }
}

Core Components

  • •package.json: Extension manifest with contributes for languages, grammars, commands
  • •language-configuration.json: Brackets, comments, auto-closing pairs, folding
  • •TextMate Grammar: Syntax highlighting via regex patterns and scopes
  • •Language Server: Advanced features (LSP) for completions, diagnostics

TextMate Grammar Structure

json
{
  "scopeName": "source.mylang",
  "patterns": [{ "include": "#expression" }],
  "repository": {
    "expression": {
      "patterns": [
        { "include": "#keywords" },
        { "include": "#strings" }
      ]
    },
    "keywords": {
      "match": "\\b(if|else|while)\\b",
      "name": "keyword.control.mylang"
    }
  }
}

Key Scope Naming

  • •keyword.control - Control flow (if, else, for)
  • •keyword.operator - Operators (+, -, =)
  • •string.quoted - String literals
  • •comment.line / comment.block - Comments
  • •entity.name.function - Function names
  • •variable - Variables
  • •constant.numeric - Numbers

Reference Files