vue-devtools是什么

使用Vue开发项目时，常会用到一款谷歌浏览器插件，vue-devtools

安装成功后，运行本地Vue项目，打开浏览器控制台就如下：
其中可以便捷的查看vueX的数据以及组件结构等，非常方便

如何安装

1.通过github官网安装

GitHub - vuejs/devtools: ?? Browser devtools extension for debugging Vue.js applications.

2.国内gitee下载

https://gitee.com/zhang_banglong/vue-devtools

！！以上两种方式具体如何操作参考下面这篇文章

Chrome（谷歌浏览器）安装Vue插件vue-devtools（图文详细教程）_chrome vue-CSDN博客

！！我按照上面的方法将shells文件中的chrome文件拖到谷歌浏览器的扩展程序后

提示如下错误且将 manifest_version 的版本号改成 3也毫无作用，插件也没出现在工具栏上，安装失败

Manifest version 2 is deprecated, and support will be removed in 2023. See https://developer.chrome.com/blog/mv2-transition/ for more details.

3.浏览器应用商店下载

在谷歌应用商店下载，但应用商店打不开（求大佬告诉我怎么打开）

谷歌应用商店下载流程看这里：

Chrome浏览器中的vue插件devtools的下载方式（使用Chrome应用商店/科学上网情况下）_vue devtools插件下载-CSDN博客

于是找了一个国内下载Chrome浏览器插件的网站：

扩展迷：https://www.extfans.com/

几乎所有的Chrome应用商店中的插件都包括了，且免费下载，下载

下载Vue.js-devtools安装包

按照按照流程完成安装

结果

成功安装该插件并可以正常使用