Skip to content
On this page

Visual Studio Code


The official Visual Studio Code extension, while still experimental, offers improved navigation support and auto-completion throughout Hybridly applications.


The extension currently only supports the default and domain-based architecture. Custom paths specified in initializeHybridly or the Vite plugin configuration are not taken into account.

Layout linking and auto-completion

When using the <template layout> syntax, the layout names will be linkified to their corresponding layout files.

Linkified layout files

Route linking

When using Laravel or Hybridly's route functions, the route name will be linkified to its corresponding controller method.

Linkified route names

Component linking and auto-completion

When rendering a page with the hybridly function, the page name will be linkified to its corresponding single-file component.

Linkified page components