Vue调试工具的安装

第一种方法:
1、chrome浏览器输入地址“chrome://extensions/”进入扩展程序页面

2、点击右上角按钮,勾选开发者模式
在这里插入图片描述
3、点击“加载已解压的扩展程序”按钮,选择解压后的chrome文件夹,或直接将解压文件拖入窗口,即可添加成功。
在这里插入图片描述
4、添加完vue-devtools扩展程序之后,浏览器打开vue项目便可调试,
安装包链接:https://pan.baidu.com/s/1WmYbIKMkXy9fKSQcD2hdsQ
提取码:poz7

第二种方法
1.https://github.com/vuejs/vue-devtools/tree/master下载安装包,下载时要选择master分支
在这里插入图片描述
2.找到文件安装路径进入dos环境命令栏窗口 ,输入命令npm install 安装
在这里插入图片描述
3.安装完成后,运行命令 npm run build 进行打包 如下图所示
在这里插入图片描述
4.打开浏览器,进入设置扩展工具检查是否安装成功,安装完成如下图。
在这里插入图片描述

Logo

前往低代码交流专区

更多推荐