vue-devtools与yarn的填坑之路

我好像是一个在海边玩耍的孩子，不时为发现一个个坑和它们之间相互联结的坑而欢欣鼓舞，而展现在我面前的是完全未探明的地底深坑，宛若大海一般深邃。——牛顿

相比FireFox（直接扩展里搜索），在Edge/Chrome上安装Vue.js devtools插件真是折腾，又是填坑之路。

1、devtools下载解压。
2、npm配置devtools工具好像不行了，还得yarn来。在cmd窗口中使用npm下载yarn：

npm install -g yarn

3、使用前更换淘宝镜像，不然等半天还报错TIMEOUT

yarn config set registry https://registry.npm.taobao.org --global
yarn config set disturl https://npm.taobao.org/dist --global

yarn config get registry （如果上面配置正确这个命令会输出淘宝镜像地址）

4、开始配置插件

cd到插件目录，比如

D:\DevTools>cd vue-devtools-dev

忘了cmd命令的看这里

然后依次执行命令

yarn install
yarn run build

5、打开Edge/Chrome，扩展页选加载解压缩的扩展，选择
vue-devtools-dev\packages\shell-chrome文件夹确认添加就完事了。

第5步的成功依赖第4步，请一定先配置完成。不然浏览器报错，安装不成功。

感谢点赞

如果本文对你有所帮助，帮你节约了宝贵的时间。你有义务点个赞或者留言让我看到。

大家加油 😃