vue devtools 安装

1.上github网站搜索vue devtools

11.png

2.png

2.选择Tags版本

3.png

3.下载代码（ZIP）

4.png

4.安装Vue-Devtools的依赖需要用到yarn

执行命令：npm install -g yarn

5.png

5.安装依赖

执行命令：yarn install
这一步特别久，耐心等待

6.png

6.打包

执行命令：yarn run build:watch
这里的打包命令是要加watch的

7.png

8.png

如果已经不动了，那说明已经打包完了，可以Ctrl+C退出了

7.执行下一步命令：yarn run dev:chrome

如果不动了，或者出现下面的界面后就可以Ctrl+C退出了
然后就是已经编译完成了
![8.png](https://upload-images.jianshu.io/upload_images/19772162-3ceef9265b2d8751.png?

10.png

9.png](https://upload-images.jianshu.io/upload_images/19772162-69a5268342db8c53.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
或者打开扩展程序，然后点击做上叫的加载已解压的扩展程序，然后devtools-6.5.0\packages\shell-chrome，加载shell-chrome（这个不用点击进去），选择这个文件夹就行了。

9.关闭浏览器，重新打开

12.png

这个也是适用于vue3的版本。