vue-devtools

Whats the keyboard shortcut to open Vue-Devtools?


I have vue-devtools running as vite-plugin. When debugging, from time to time in the browser, I disable it, so I don't see the icon at the bottom to open the tools.

I keep forgetting the keyboard shortcut to open vue devtopols. There does not seem to official documentation about the keyboard shortcut, and it always takes me quite some time to figure it out.

So for the sake of having one place where this can be googled and found: What are the keyboard shortcuts to open the vue devtools? (vite-plugin)


Solution

  • I just found that the terminal that started vite prints

      ➜  Vue DevTools: Open http://localhost:80/__devtools__/ as a separate window
      ➜  Vue DevTools: Press Alt(⌥)+Shift(⇧)+D in App to toggle the Vue DevTools
    

    Weirdly enough it does not work - but still, this shoudl be the answer I was looking for and will hopefully be googleable and remind me, whenever I forget again.