Chrome中devtools安装

1.官网下载
下载压缩包即可

https://github.com/vuejs/devtools/releases
1

我先使用npm安装 但是下载依赖总报错

npm install -g cnpm --registry=https://registry.npm.taobao.org）

cnpm -v

cnpm i


1
2
3
4
5
6
7

---

然后我又使用yarn 安装依赖 这次安装成功（安装yarn指令自行搜索）
在改zip解压后里面的文件夹，cmd安装依赖

C:\Users\new\Downloads\devtools-6.2.1\devtools-6.2.1>yarn install
1

然后执行yarn run build:watch

等一会，没有反应Ctrl+C，退出
再执行yarn run dev:chrome

看到下面Compiled successfully in 42240ms
就是成功安装依赖了。

然后下面devtools-6.2.1\devtools-6.2.1\packages\shell-chrome路径下会生成build文件

---

然后在Chrome浏览器->扩展程序打开

点击-》加载已解压的扩展程序

找到以下路径\devtools-6.2.1\devtools-6.2.1\packages\shell-chrome

然后就成功安装啦，可以重启浏览器，打开vue项目找到VUE
进行使用