vue-devtools的安装

1.下载：
在需要安装的文件夹下右键打开git bash,输入命令

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

image.png

2.切换到vue-devtools下，安装依赖，并打包

cd vue-devtools//切换到对应目录
npm install//安装依赖
npm run build//打包

3.但是在打包时遇到报错：

image.png

解决办法：npm install -g webpack-cli

4.重新打包npm run build
5.进入chrome浏览器添加扩展程序：
　　chrome浏览器>> 更多工具>> 扩展程序

（1）勾选开发者模式

（2）点击加载已解压的扩展程序（选择地址为：安装路径>> vue-devtools>>shells>>chrome），将chrome文件夹导入

（3）点击确定就能安装成功

image.png

6.安装成功