Vue.js devtools (beta)

How to install an extension Open in Chrome Web Store

CRX ID

ljjemllljcmogpfapbkkighbhhppjdbg

Status

Live on Store

Description from extension meta

DevTools browser extension for Vue.js

Image from store

Description from store

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

Beatrix Ducz 2024-12-10: Can I watch an item's state without clicking, like in vscode?
Andrew “Razor” Liulin 2024-11-20: 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
Lucas Niehues de Farias 2024-10-22: 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 :(
Sahil Bawa 2024-10-10: 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.
Jan 2024-09-22: 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.
Marty Cochrane 2024-08-15: 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.
Adnan 2024-06-26: 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
Oketa Fred 2024-06-25: It's super fast 🔥🔥
Andrew Reddin 2023-03-19: 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??
Andrew Reddin 2023-03-19: 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??
梁登科 2023-03-16: 每次打开插件，控制台就会报警告。而且鼠标移入页面会一直提示警告： api.min.js:1can not find handler for message {source: 'vue-devtools-backend', payload: Array(1)}，谁有解决办法吗？？？？？
西洼 2023-01-30: An error occurred in hook walkComponentParents TypeError: Cannot read properties of undefined (reading 'parent')
西洼 2023-01-30: An error occurred in hook walkComponentParents TypeError: Cannot read properties of undefined (reading 'parent')
Farhad Shikder 2023-01-17: It does not work at all.
Farhad Shikder 2023-01-17: It does not work at all.
Forest42 2022-10-21: Всё прекрасно работает, необходимо перезагрузить Chrome и открывать через панель для разработки
Edgar Hovsepyan 2022-05-30: didn't work at all
Edgar Hovsepyan 2022-05-30: didn't work at all
Nik Nik 2022-05-22: Does not work. It says "Vue.js is detected on this page." but does not show "Vue" paned in last chrome.
Nik Nik 2022-05-22: Does not work. It says "Vue.js is detected on this page." but does not show "Vue" paned in last chrome.
fan dai 2022-05-19: 似乎突然检测不到 vue3 代码了
Adrian Lupescu 2022-05-02: 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..
Adrian Lupescu 2022-05-02: 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..
Denis WD 2022-04-30: dosent work
Denis WD 2022-04-30: dosent work
Wayne Ho 2022-04-18: 最近发现浏览器调试时，不能查看原代码。 "vue": "2.6.10" chrome版本 100.0.4896.88 configureWebpack: { devtool: 'source-map' }, 有一样的吗？
Xiaolei Jin 2022-04-08: VUE3中我们应该如何禁用开发者工具
Алекс 2022-04-06: Только вот ошибка периодически возникает во встроенном в проект режиме когда запускаю команду `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)
Thinh Vu 2022-04-05: A lot of bugs.
Thinh Vu 2022-04-05: A lot of bugs.
EMT 2022-02-25: 不知道为什么，，我在vue3中使用特别卡顿
Дмитрий Винокуров 2022-02-19: Dont work. Не работает
Tomas Senk 2022-02-07: Works great!
Tomas Senk 2022-02-07: Works great!
Lluís Peinado 2022-02-03: 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... ¯\_(ツ)_/¯
Lluís Peinado 2022-02-03: 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... ¯\_(ツ)_/¯
zehu wang 2022-01-21: 能不能同时支持下vue2呀，呜呜。。。。
jerry wang 2022-01-12: 当打开vue devtools的时候点击路由跳转会非常卡顿，有时候甚至要延迟几秒！！！我是用vue3的setup script开发的，项目并不大！请问这是什么原因啊？有一样问题的吗？
Sergey Harchenko 2022-01-08: 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...
Sergey Harchenko 2022-01-08: 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...
Евгений 2021-12-06: Vue.js not detected
Евгений 2021-12-06: Vue.js not detected
sem raker 2021-12-05: It is working for quasar2-vue3
sem raker 2021-12-05: It is working for quasar2-vue3
Gabriele Laganà 2021-11-24: Ottimo strumento per sviluppatori di Vue 3.
Naoya M 2021-11-20: Great tool! I love it!
Naoya M 2021-11-20: Great tool! I love it!
qw c 2021-11-12: 一个页面中嵌套了一个iframe页面，两个页面都是vue应用，工具有时候只会显示最外层页面的vue应用，不显示iframe中的应用，怎么让工具同事都识别两个页面的vue应用呢？
Neil Merton 2021-11-03: 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.
Neil Merton 2021-11-03: 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.

Extension Actions