Vue调试工具DevTools工具的安装

Vue调试工具DevTools工具的安装

WYB_Phil

1.DevTools是vue官方推荐的调试工具，下面介绍基于Google游览器的两种安装方式

第一种：你的电脑可以访问外网的前提下，直接到vue的官网

点击Devtools会跳转到github往下滑动找到如下图所示，安装Google插件选项点击

 

 你就会跳转到google的应用市场，如下 

点击右侧蓝色按钮安装即可，因为我的电脑安装过所以会显示从Chrom中删除

第二种：你的电脑不能访问外网，你必须自己下载，然后添加的Google的扩展程序中，我这里有一个直接下载解压就可用的

链接：https://pan.baidu.com/s/1pqH1u9uPJC3gsCkKt8hIpA 
提取码：qjcc 
下载后解压，然后点击游览器右上角的三个点，选择设置

点击扩展程序，如下图

选择加载已解压扩展程序

然后找到刚才下载后解压的文件位置 ，一定要选到chrom这一级，如下图，确认即可

 安装成功后，右上角会出现vue的图标

 在开发vue的界面，F12会看到多一个插件

•