vue-devtools的安装有三种方法,第一种是通过谷歌应用商店进行安装,第二种是手动安装,第三种是直接下载使用网友分享出来的资源:
方法一:(通过谷歌应用商店进行安装,需要番强)
打开谷歌的更多工具–扩展程序,打开左上角的“主菜单”,点击下面的“打开Chrome网上应用店”,这个应用商店是需要番强的,一般同学是打不开的!
能打开的同学搜索React,把第一个扩展程序添加至Chrome即可。
方法二:(手动安装,无需番强)
- 打开https://www.crx4chrome.com/go.php?p=3068&s=5HOhkfQ9bq0vk&l=https%3A%2F%2Ff6.crx4chrome.com%2Fcrx.php%3Fi%3Dfmkadmapgofadopljbjfkapdkoienihi%26v%3D4.24.7
- 下载
- 打开谷歌浏览器的扩展程序(更多工具-扩展程序),从文件夹中把上面下载完成的crx文件拖拽进来
方法三:直接使用现成资源(最简单)
下载链接:https://download.csdn.net/download/weixin_43804496/86037025
下载压缩包,然后解压,打开谷歌浏览器的扩展程序(更多工具-扩展程序),点击“加载已解压的扩展程序”,从文件夹中把解压后的crx文件拖拽进来,无论是方法一还是方法二还是方法三,安装React Developer Tools成功都会多出一个扩展程序,多出这个程序就说明你安装成功了,但是必须重启浏览器才能生效。在用React开发的网站中点击F12打开开发者工具就会多出下面两个工具栏,说明你安装成功了。如下图: