Skip to content

WebC for VS Code

Please refer to the WebC documentation for how to use WebC in general or in your Eleventy project in particular.

Features

Autocomplete
Documentation
Definitions
Semantic highlighting

Autocomplete

Provides webc: and @ attribute autocomplete suggestions for HTML tags.

List of autocomplete suggestions for WebC attributes.

List of autocomplete suggestions for WebC @ attributes.

Documentation

webc: and @ attributes show links to the WebC documentation on hover.

Hover tooltip on a webc:for attribute showing a link to the WebC documentation.

Definitions

Support for Go to Definition and Peek Definition (VS Code Peek documentation) and Ctrl + Click on WebC component tags to go the source file.

Peek definition disclosure box for a WebC component.

Semantic highlighting

Semantic highlighting for WebC component tags and keyword attributes.

Semantic highlighting example for a WebC component.