VS Code logo on top of Drupal logo, flat-art style

This project is not covered by Drupal’s security advisory policy.

This extension adds rich language support for the Drupal Hooks API and Drupal Form and render elements to VS Code.

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.

Gif showing usage of hook_views_data snippet

Smart element replacement

Snippets will automatically render the element array base on RenderElement or FormElement. Start by typing '@RenderElement', '@FormElement' 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

Gif showing usage of form element snippet

@RenderElement

Gif showing usage of render element snippet

@Element

Gif showing usage of form/render element snippet

Typing [type_name]

Gif showing usage of element type snippet

Tab Stops

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

Hook Replacement

Gif showing usage of hook_preprocess_HOOK snippet

Element Replacement

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

Installation

  1. Open VS Code
  2. From the command palette Ctrl-Shift-P (Windows, Linux) or Cmd-Shift-P (OSX)
  3. Select Install Extension
  4. Search by Drupal Smart Snippets
  5. Click install
  6. Reload Visual Studio Code

Contributions

This project is maintained on Github.

Your bugs, feature requests, and pull requests are welcome.

Project information

Releases