Vue调试工具vue-devtools的安装和使用方式

1.下载(vue-devtools下载的是最新版本)。

git clone https://github.com/vuejs/vue-devtools

2.打开vue-devtools所在路径

cd vue-devtools
npm install***

备注：使用该v5.0.0版本，会出现报错，如图

3. 改用低版本的v4版

第一步：打开vue-devtools的git地址https://github.com/vuejs/vue-devtools/releases，并下载压缩包，操作如图：

第二步： 下载完成并解压缩后，进入该文件目录

cd vue-devtools-4.1.5
npm install // 如果该方法下载的慢可以改成 cnpm install

第三步： 编译代码

npm run build

编译成功，如图：

第四步：打开goole浏览器

1.浏览器打开 chrome://extensions/，或者打开更多工具->扩展程序->打开开发者模式。
2.将vue-devtools-4.1.5下的shells,找到chrome 拖到扩展程序中，结果如图。

第五步：关闭浏览器，再次打开，打开vue项目

*******安装完成啦！！✌️