An open API service indexing awesome lists of open source software.

https://github.com/mvsde/vscode-webc

VS Code language support for the WebC template language
https://github.com/mvsde/vscode-webc

eleventy vscode vscode-extension webc

Last synced: 4 months ago
JSON representation

VS Code language support for the WebC template language

Awesome Lists containing this project

README

        

# WebC for VS Code

Please refer to the [WebC documentation](https://www.11ty.dev/docs/languages/webc/) for how to use WebC in general or in your [Eleventy](https://www.11ty.dev/) project in particular.

## Features

- [Autocomplete](#autocomplete)
- [Documentation](#documentation)
- [Definitions](#definitions)
- [Semantic highlighting](#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](https://code.visualstudio.com/docs/editor/editingevolved#_peek)) and Ctrl + Click on WebC component tags to go the source file.

Peek definition disclosure box for a WebC component.

## Semantic highlighting

[Semantic highlighting](https://code.visualstudio.com/docs/getstarted/themes#_editor-semantic-highlighting) for WebC component tags and keyword attributes.

Semantic highlighting example for a WebC component.