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步,请一定先配置完成。不然浏览器报错,安装不成功。

感谢点赞

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

大家加油

你可能感兴趣的:(关于前端,就这样写,yarn,vue-devtools)