vue调试工具vue-devtools的安装

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

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