Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>highlight-dynamicNew to Visual Studio Code? Get it now.
highlight-dynamic

highlight-dynamic

Soab Mahmud Syfuddhin

|
9 installs
| (0) | Free
Find and highlight dynamic placeholders in files
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Highlight Dynamic

Highlight dynamic placeholders like ${} and {{}} inside your files!

Features

  • Highlights ${} style (JavaScript/TypeScript/JSON)
  • Highlights {{}} style (Handlebars, templates)
  • Hover shows info
  • Works live while editing
  • Adds a button in the status bar

Usage

  1. Open any text/code file
  2. Click the 🔍 Highlight Vars status bar button
  3. Or run the command Highlight Dynamic Placeholders from Command Palette

Extension Settings

Settings

You can customize the colors and visibility of highlights in your VS Code settings:

Setting Type Default Description
highlightDynamic.doubleBraceColor string rgba(255, 165, 0, 0.3) Background color for {{}} placeholders
highlightDynamic.singleBraceColor string rgba(255, 255, 0, 0.3) Background color for {} placeholders
highlightDynamic.commentColor string rgba(0, 255, 255, 0.2) Background color for comments
highlightDynamic.showDoubleBrace boolean true Show/hide {{}} placeholder highlights
highlightDynamic.showSingleBrace boolean true Show/hide {} placeholder highlights
highlightDynamic.showComments boolean true Show/hide comment highlights

4. For your side view list filtering (if you already have the tree view), filter the list based on these toggles by reading config similarly.


If you want, I can help you with full updated code for:

  • package.json with settings
  • extension.ts with dynamic color and toggle support
  • README.md updates

Would you like me to prepare that?

Known Issues

  • Doesn't support multiline placeholders yet

Release Notes

0.0.1

  • Initial release

Author

Created with ❤️ by Soab Mahmud Syfuddhin

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