Vue调试工具的安装

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.打开浏览器，进入设置扩展工具检查是否安装成功，安装完成如下图。