Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>Hugo Shortcode Syntax HighlightingNew to Visual Studio Code? Get it now.
Hugo Shortcode Syntax Highlighting

Hugo Shortcode Syntax Highlighting

Kael Larkin

|
10,257 installs
| (5) | Free
Enables syntax highlighting for Hugo shortcodes in markdown
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Hugo Shortcode Syntax Highlighting

Features

Hugo Shortcodes can get complicated when there's more than one or two parameters.
This extension add some syntax highlighting for Shortcodes, making visual identification of individual pieces easier.
For example, some shortcodes are below.

Before

Original

After

New

Shortcode suggestions!

After typing %, <, -, user created Shortcodes are suggested.
These are from Themes or user created, specifically **/layouts/shortcodes/*.html

test

Goto definition support

You can F12 on your custom shortcodes like {{% collapsible %}}

Notes

Positional parameters are not really supported. They just get highlighted like the Shortcode name.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft