Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>thymeleaf-peekNew to Visual Studio Code? Get it now.
thymeleaf-peek

thymeleaf-peek

Jatek Pet 76

|
2,241 installs
| (0) | Free
Open fragment location (like th:replace, th:insert)
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

thymeleaf-peek

☝️ ONLY: working on this kind of templates:

<div>
	<ul>
		<li th:replace="menu" super="BAD">Menu</li>
		<li th:replace="article" super="BAD">Article</li>
		<li th:replace="content" super="BAD">Content</li>
		<li th:insert="something" super="BAD">Content</li>
	</ul>
</div>

This extension extends Thymelead code editing with Go To Definition and Peek Definition support for fragments and filenames in template files with a .html extension. It allows quickly jumping to or peeking into files that are referenced with th:replace or th:insert (from html template).

Customize supported languages

There are 2 settings options that allows you to customize targeted files and language in which plugin is activated. By default they look like this:

 "thymeleaf-peek.targetFileExtensions": [
    ".html",
  ],
  "thymeleaf-peek.supportedLanguages": [
    "html"
  ]

You can add support for any file extension you like. To allow plugin to search for .js files: go to settings, search for thymeleaf and add .js extension to targetFileExtensions option. If you'd like for plugin to be activated in other languages, add that extension (i.e. "js") to supportedLanguages array.

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