# HEEX debug annotations click to navigate to code

**URL:** <https://forum.elixirforum.com/t/heex-debug-annotations-click-to-navigate-to-code/62379>\
**Category:** Questions\
**Tags:** phoenix, liveview, heex\
**Created:** [March 19, 2024, 3:30am UTC](https://forum.elixirforum.com/t/heex-debug-annotations-click-to-navigate-to-code/62379 "2024-03-19T03:30:11Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![markevans](https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/markevans/32/31985_2.png) [@markevans](https://forum.elixirforum.com/u/markevans)\
**Post date:** [March 19, 2024, 3:30am UTC](https://forum.elixirforum.com/t/heex-debug-annotations-click-to-navigate-to-code/62379/1 "2024-03-19T03:30:11Z")

</div>

Hi!  
The new Phoenix [HEEX debug annotations](https://hexdocs.pm/phoenix_live_view/Phoenix.Component.html#module-debug-annotations) are great - though I remember that Chris McCord demonstrated an Option+Click to actually jump into the code (VSCode in this case) in his [talk at ElixirConf](https://www.youtube.com/watch?v=Ckgl9KO4E4M&t=1740s).

While I see the HTML comments I don’t see any option+click functionality - does anyone know if this ever made it in? (I realise it might not make it in if it was too IDE-specific)  
Or if there are any little plugins out there for this? (vscode).

Grateful for any pointers - thanks!

---

<div class="post-metadata">

**Author:** ![nico\_amsterdam](https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/nico_amsterdam/32/3706_2.png) [@nico\_amsterdam](https://forum.elixirforum.com/u/nico_amsterdam)\
**Post date:** [May 29, 2024, 3:50pm UTC](https://forum.elixirforum.com/t/heex-debug-annotations-click-to-navigate-to-code/62379/2 "2024-05-29T15:50:15Z")

</div>

I have the same question.

---

<div class="post-metadata">

**Author:** ![03juan](https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/03juan/32/23111_2.png) [@03juan](https://forum.elixirforum.com/u/03juan)\
**Post date:** [May 29, 2024, 8:00pm UTC](https://forum.elixirforum.com/t/heex-debug-annotations-click-to-navigate-to-code/62379/3 "2024-05-29T20:00:49Z")

</div>

Thanks for the reminder that this exists. It’s part of the `phoenix_live_reload v1.5` app!

[jumping-to-heex-function-definitions](https://github.com/phoenixframework/phoenix_live_reload?tab=readme-ov-file#jumping-to-heex-function-definitions)

---

<div class="post-metadata">

**Author:** ![nico\_amsterdam](https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/nico_amsterdam/32/3706_2.png) [@nico\_amsterdam](https://forum.elixirforum.com/u/nico_amsterdam)\
**Post date:** [May 29, 2024, 9:29pm UTC](https://forum.elixirforum.com/t/heex-debug-annotations-click-to-navigate-to-code/62379/4 "2024-05-29T21:29:51Z")

</div>

Thx,

and I see it also mentions streaming serving logs to the web console.

---

<div class="post-metadata">

**Author:** ![markevans](https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/markevans/32/31985_2.png) [@markevans](https://forum.elixirforum.com/u/markevans)\
**Post date:** [June 2, 2024, 12:29pm UTC](https://forum.elixirforum.com/t/heex-debug-annotations-click-to-navigate-to-code/62379/5 "2024-06-02T12:29:26Z")

</div>

perfect - thanks!