vscode-extension

Guide developers in building VSCode extensions for the Lea language.

4|Updated Dec 8, 2025
One-click install
npx skills add https://github.com/mcclowes/lea --skill vscode-extension
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: vscode-extension
Source: https://github.com/mcclowes/lea/tree/main/.claude/skills/vscode-extension
Command: npx skills add https://github.com/mcclowes/lea --skill vscode-extension

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Guidance for building VSCode extensions, including language support, LSP integration, and packaging.

Core Features & Use Cases

  • Language configuration: Brackets and comments
  • LSP integration: Setting up a language server client
  • Packaging: VS Code extension packaging with vsce

Quick Start

Create a basic extension scaffold and package using vsce.

Frequently Asked Questions about vscode-extension

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build a VSCode extension for language support?

Build a VSCode extension by creating a language configuration file (defining brackets and comments), integrating a TextMate grammar for syntax highlighting, setting up activation events in package.json, and packaging with vsce. This provides full language support including syntax coloring and bracket matching.

How do I set up an LSP client in a VSCode extension?

Configure an LSP client by defining the language server executable path in your extension, specifying document selectors to route files to the server, and declaring activation events in package.json. This enables real-time language features like diagnostics and code completion from a language server.

Can I add code snippets to my VSCode extension?

Yes, integrate snippets by creating snippet files in your extension and registering them in package.json under the snippets contribution point. Snippets provide templated code insertion and reduce repetitive typing for common language patterns.

What's the process for packaging and publishing a VSCode extension?

Package your extension using vsce, which bundles your code, assets, and metadata into a .vsix file. Publish to the VSCode Marketplace or share the .vsix directly for installation and distribution to other developers.

Do I need a language server to add language support in VSCode?

No, basic language support requires only a language configuration and TextMate grammar for syntax highlighting and bracket matching. A language server is optional and adds advanced features like diagnostics, completion, and refactoring.

What configuration is required for language extension brackets and comments?

Define bracket pairs and comment syntax in the language configuration JSON file included in your extension. VSCode uses these settings to enable bracket matching, auto-closing, and comment toggling for your language.