0
点赞
收藏
分享

微信扫一扫

Chrome 浏览器安装Vue Devtools调试工具 (详细教程)

妖妖妈 2022-03-12 阅读 57

Chrome 浏览器安装Vue Devtools调试工具

1. 首先下载Vue Devtools调试工具

2. 复制网址,在浏览器打开按照图示操作

在这里插入图片描述

3. 下载成功后解压即可,如下图所示

在这里插入图片描述

4. 解压后打开cmd命令切换到G:Vue Devtools工具ue-devtools-5.1.1路径下(你们安装的路径自己切换)

在这里插入图片描述

5. 切换命令成功后使用淘宝命令cnpm install下载(尽量用淘宝镜像下载快速些),下载成功如下图所示

在这里插入图片描述

6. 然后在cnpm run build 如下图所示

在这里插入图片描述

7. 然后在打开shells,找到chrome,打开找到manifest.json修改"persistent": false,把false改成true保存

在这里插入图片描述

8. 修改成功后输入网址chrome://extensions/ 在谷歌浏览器 打开

在这里插入图片描述

9. 拖入shells下的chrome文件到页面上,如图所示

在这里插入图片描述

10. 安装成功后测试如下:

在这里插入图片描述

举报

相关推荐

0 条评论