VueDevtools是Vue官方推出的一款浏览器插件。算是Vue开发调试的神器了。它可以让你在浏览器中实时编辑数据，看到变化立即反映出来，让你告别控制台大法。非常好用，用过的人都知道，Vue开发必备，强烈推荐！由于众所周知的原因，无法正常访问谷歌浏览器商店，因此本文提供另一种安装谷歌插件的方法。1、下载VueDevtools插件，请到GitHub仓库：https://github.com/Jackyyans/code123下载，路径：/normal/libs/Vue.jsDevtools_5.3.3.crx。2、在谷歌浏览器的地址栏中输入：chrome://extensions，点击右边的按钮，打开开发者模式。3.将Vue.jsDevtools_5.3.3.crx拖到谷歌浏览器中安装。4、点击AddExtension，可以看到更多VueDevtools的图标，安装成功。5、打开vue项目，可以看到图标变亮了，并且增加了一个vue面板，显示了当前页面使用的vue组件。点击组件，右侧会显示当前组件的数据、计算等数据，可以直接更改或删除数据进行调试。此外，还可以更直观的看到Vuex、VueRouter等信息。6、React也有类似的浏览器插件ReactDeveloperTools，安装方法和VueDevtools一样，请到GitHub仓库：https://github.com/Jackyyans/code123下载，路径：/normal/libs/ReactDeveloperTools_4。7.0。CRX。
