Skip to content
pinegrow.com
Docs menuVue Designer
Vue Designer

Devtools

Updated

Enhance your DX (developer experience) and debug your apps with devtools.

Simply follow the instructions in the Config Panel › Devtools tab when you open your Vite-powered apps in Vue Designer.

Vue Designer Config panel Devtools tab listing @nuxt/devtools and @vue/devtools with their Configured status and setup instructions.

Once activated in your app, the connection to standalone Vue-devtools can be established by selecting Connect with Vue Devtools under the Vue menu

Vue Designer Vue menu with Connect with Vue Devtools checked, beside an open Vue devtools window showing the App component tree.