Vue.js devtools (beta)
DevTools browser extension for Vue.js
Chrome DevTools extension for debugging Vue.js applications.
Thank you for trying the Vue.js devtools Beta! If you have any issue, please report them on the GitHub repository.
This is the beta channel with a brand-new re-implementation, built with Vue 3.
Note the beta channel may cause conflict with the stable version of Vue devtools. If the Vue icon is lit but the Vue tab doesn't show up in devtools, please temporarily disable the stable version and re-open the page.
Latest reviews
Can I watch an item's state without clicking, like in vscode?
There is an issue: everytime when Vue dev tool is open in the development panel, I get an error and get it again and again when I change a page: Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'name') user-app.js
It was working perfectly until i started using pinia getters Now everytime i open vue devtools and emit an input change which triggers pinia state changes it throws me the error RangeError: Maximum call stack size exceeded. If i don't use devtools it works perfectly. I tried checking if there are no circular refs, but i found none. I found these 2 issues: - https://github.com/vuejs/devtools-v6/issues/1301 - https://github.com/vuejs/devtools-next/issues/420 But i still don't know what is going on :(
EDIT: 5/5 stars, THANK YOU ARLO! Wow, quickest turnaround time, so happy that's resolved. Somehow this experience just solidified my decision to go with Vue over the other FE frameworks for my new site. :) Original review (2/5 stars): Helpful when it works, but gets stuck refreshing with the Live Server extension. Have to close and reopen dev tools to get it to refresh.
Looks slick, but you cannot see if a value is reactive or just a plain non-reactive object. In the old version, there reactive values were labeled "Reactive", now everything is just "Object". This is essential for me, because I am dealing with very deeply nested objects and must sure that they are not made reactive by accident. Therefore I will have to use the old version in parallel.
The UI is slicker and it doesn't take re-opening dev tools 3 times to get the extension to attach correctly, so that's both good. But aside from the missing features like search and multi app instance support, it's unusably slow on a large application. Heavy vuex mutations takes a solid 10 seconds to finish processing, and the store itself takes about 30-60 seconds to load and then another 20 seconds or so to be able to start interacting with it. v6 is a buggy mess, but I can at least reboot it enough times and it doesn't kill my performance as none of these performance issues exist with v6.
So far, much better than v6, but I wish that when I click on `pinia` or `vuex` that I see the store directly instead of having to choose between timeline and store each time
It's super fast 🔥🔥
This was the greatest extension i've ever used in the Vue 2 days Then vue 3 came out and it became a buggy, unreliable mess. You could still sort of use it though Now it just doesn't load whatsoever. What is going on over there??
This was the greatest extension i've ever used in the Vue 2 days Then vue 3 came out and it became a buggy, unreliable mess. You could still sort of use it though Now it just doesn't load whatsoever. What is going on over there??
每次打开插件,控制台就会报警告。而且鼠标移入页面会一直提示警告: api.min.js:1can not find handler for message {source: 'vue-devtools-backend', payload: Array(1)},谁有解决办法吗?????
An error occurred in hook walkComponentParents TypeError: Cannot read properties of undefined (reading 'parent')
An error occurred in hook walkComponentParents TypeError: Cannot read properties of undefined (reading 'parent')
It does not work at all.
It does not work at all.
Всё прекрасно работает, необходимо перезагрузить Chrome и открывать через панель для разработки
didn't work at all
didn't work at all
Does not work. It says "Vue.js is detected on this page." but does not show "Vue" paned in last chrome.
Does not work. It says "Vue.js is detected on this page." but does not show "Vue" paned in last chrome.
似乎突然检测不到 vue3 代码了
Guys.. Something happened... It was working great until a few weeks ago. Now it says I have Vue on my page.. but nothing appears in the panel. I am using it on Firefox but..
Guys.. Something happened... It was working great until a few weeks ago. Now it says I have Vue on my page.. but nothing appears in the panel. I am using it on Firefox but..
dosent work
dosent work
最近发现浏览器调试时,不能查看原代码。 "vue": "2.6.10" chrome版本 100.0.4896.88 configureWebpack: { devtool: 'source-map' }, 有一样的吗?
VUE3中我们应该如何禁用开发者工具
Только вот ошибка периодически возникает во встроенном в проект режиме когда запускаю команду `vue-cli-service build --watch --mode development` vue-router.esm-bundler.js:2762 Uncaught (in promise) TypeError: api.now is not a function at eval (vue-router.esm-bundler.js:2762:21) at eval (vue-router.esm-bundler.js:3641:31) at Array.forEach (<anonymous>) at triggerError (vue-router.esm-bundler.js:3641:12) at eval (vue-router.esm-bundler.js:3373:5)
A lot of bugs.
A lot of bugs.
不知道为什么,,我在vue3中使用特别卡顿
Dont work. Не работает
Works great!
Works great!
It was so easy the previous one (for Vue2) this latest is a mess: not intuitive and really hard to find components or to inspect them. Useless "AsyncComponentWrapper" everywhere and simply impossible to follow the component events. Don''t really understand why if the previous one worked like a charm and now everything is in a different place. Vue3 upgrade is a pain and this tools make things even worse... ¯\_(ツ)_/¯
It was so easy the previous one (for Vue2) this latest is a mess: not intuitive and really hard to find components or to inspect them. Useless "AsyncComponentWrapper" everywhere and simply impossible to follow the component events. Don''t really understand why if the previous one worked like a charm and now everything is in a different place. Vue3 upgrade is a pain and this tools make things even worse... ¯\_(ツ)_/¯
能不能同时支持下vue2呀,呜呜。。。。
当打开vue devtools的时候点击路由跳转会非常卡顿,有时候甚至要延迟几秒!!!我是用vue3的setup script开发的,项目并不大!请问这是什么原因啊?有一样问题的吗?
1) Stopped working 09.01.2022 Chrome 97.0.4692.71 Reload browser, reload devtools, reinstall in different orders, vue detected, but no vue panel. 2) Not visible in the firefox store No chanse to use...
1) Stopped working 09.01.2022 Chrome 97.0.4692.71 Reload browser, reload devtools, reinstall in different orders, vue detected, but no vue panel. 2) Not visible in the firefox store No chanse to use...
Vue.js not detected
Vue.js not detected
It is working for quasar2-vue3
It is working for quasar2-vue3
Ottimo strumento per sviluppatori di Vue 3.
Great tool! I love it!
Great tool! I love it!
一个页面中嵌套了一个iframe页面,两个页面都是vue应用,工具有时候只会显示最外层页面的vue应用,不显示iframe中的应用,怎么让工具同事都识别两个页面的vue应用呢?
Update: v6.0.0-beta.19 is loads better, therefore I'm updating the review. The issue I reported to the team was fixed as soon as I could provide them with a reproducible repo. Previous: Current version v6.0.0-beta.17 seems broken. There are some components that are no longer expandable in the left-hand component inspector. This is making the component inspector mostly useless, which then means the launch component in editor feature also useless in these instances. Load time of the plugin has also increased since beta.15, which is a shame. I've reverted back to using Firefox and v5.x of Vue.js DevTools (as this setup seems to work reliably.
Update: v6.0.0-beta.19 is loads better, therefore I'm updating the review. The issue I reported to the team was fixed as soon as I could provide them with a reproducible repo. Previous: Current version v6.0.0-beta.17 seems broken. There are some components that are no longer expandable in the left-hand component inspector. This is making the component inspector mostly useless, which then means the launch component in editor feature also useless in these instances. Load time of the plugin has also increased since beta.15, which is a shame. I've reverted back to using Firefox and v5.x of Vue.js DevTools (as this setup seems to work reliably.