IntelliSense for Alpine.js

Features

Provides syntax highlighting for Alpine.js directives along with autocomplete for all base directives and modifiers.

This extension aims to keep as small a footprint as possible by injecting a simple grammar to provide JavaScript highlighting rather than implementing an entirely new language and by using the Custom Data Extension to add custom HTML attributes. Snippets are provided through the default API via VS Code.

This extension was heavily inspired by AdrianWilczynski/AlpineIntelliSense and Sperovita/alpinejs-syntax-highlight. This extension aims to combine their functionalities while also adding better autocompletion and syntax highlighting.

Extension Settings

This extension contributes the following settings:

• alpine-intellisense.settings.languageScopes: Defines the language scopes for which the snippets will be available.
  Use comma separated values. For example: html,php,twig,nunjucks.
  Default is html.