美文网首页
vue调试工具vue-devtools的安装

vue调试工具vue-devtools的安装

作者: sarry | 来源:发表于2022-02-25 17:59 被阅读0次

真是没想到一个安装浪费了我好多时间

1、去这里下载了代码
https://github.com/cypress-io/cypress-test-node-versions
2、把压缩代码解压,用CMD工具进入该解压的目录下,使用 npm(cnpm) install 命令安装依赖,安装过程稍长
3、安装依赖成功后,使用 npm(cnpm) run build 运行该工程。我的也就是到这里就总失败,就怎么也不行,也不知道什么原因

image.png
解决:
a、我的文件目录是这样的:
image.png
用cmd工具进入devtools-main目录下,输入命令 cnpm install vue-devtools。执行成功后会在原有的devtools-main\node_modules\出现vue-devtools文件夹;

b、把vue-devtools里面的vender文件夹直接拖到chrome浏览器扩展程序里(扩展程序需是开发者模式)

c、再进入verder文件夹下的 manifest.json ,修改persistent 为 true, 保存。


image.png

4、刷新浏览器扩展程序,或重启浏览器。打开vue文件


image.png

相关文章

网友评论

      本文标题:vue调试工具vue-devtools的安装

      本文链接:https://www.haomeiwen.com/subject/vptfrrtx.html