Visual Studio Code Smart Drupal Snippets

This extension adds rich language support for the Drupal Hooks API and Drupal Form and render elements to VS Code. This extension is intended as a successor to Drupal 8 Snippets.

Usage & Features

Type part of a snippet, press enter and/Or tab, and the snippet unfolds.

Built from Drupal Core

Hooks gathered by scraping the codebase of the latest minor versions of Drupal 9. This includes those that are marked as deprecated.

Smart hook replacement

Snippets will automatically replace the leading hook with the current file's name.

Smart element replacement

Snippets will automatically render the element array base on RenderElement or FormElement. Start by typing @RenderElement, @FormElement, @Element or the [type_name] itself.

FormElement will have #title, #title_display, #description and #required properties by default. Additional properties listed on docblock is generated automatically.

@FormElement

@RenderElement

@Element

Typing [type_name]

Smart service snippet

While services with global methods allow IDEs to suggest methods and properties, those retrieved using the \Drupal::service() method do not. Service snippets provide a easy access to all core services in a datatyped variable allowing intellisense suggestions.

Services without datatyping

Services with datatyping

Deprecated services

Tab Stops

Snippets are formatted to have tab stops on values that need replaced like HOOK, ENTITY_TYPE, BASE_FORM_ID, etc.

Hook Replacement

Element Replacement

FormElement have #title, #title_display (providing default options), #description, #required (TRUE or FALSE) and final ending option of comma ',' or semi-colon ';' as deafult tab stops. Gif showing usage of element snippet tab stops

Services

Services snippets provide a snake-cased, tab-stopped variable matching the service's name. On snippet insertion, the variable can be overwritten easily.