方法一:GitHub官网https://devtools.vuejs.org/guide/installation.html  (需要FQ)
 
 
方法二:下载安装.crx扩展文件,直接拖拽安装(无需FQ)
 
下载链接: https://pan.baidu.com/s/10FGks3pWOXX4JwnJ-TSxHg 提取码: 9gqf 
 
详细安装步骤如下,以谷歌浏览器为例
 
步骤一:点击右上角设置图标——更多工具——扩展程序
步骤二:打开右边开发者模式——将下载的安装文件拖拽至空白处——点击添加扩展程序
 
注:开发者模式不打开是无法拖拽安装成功的,另外若提示无法成功安装或安装卸载过又重新安装,需重新刷新一下页面 
 
如下图所示表示已安装成功
 
点击右上角箭头所指的图标,在弹出的弹框中,点击箭头所指图标,能把devtools工具图标固定在工具栏,方便随时点击
 
开发者工具中的Application选项,选择Vue就能打开devtools使用了
 
然后会有下面安装界面,点击Next按钮一步一步傻瓜式安装即可
 
最后就能看到各个组件以及data中的数据信息了
 
 
补充说明
 
如果在安装过程中有弹出下面提示,而你又不小心点击了设置为中文
 
接着发现控制台的语言变成中文了
 
可以打开开发者工具,点击右侧的设置按钮
 
然后在语言那里重新选择英语即可恢复成英文
 
 
注:设置成功后,需要关掉开发者工具,然后重新刷新页面或者重新打开浏览器才能生效 
 
 

有需要的朋友可以领取支付宝到店红包,能省一点是一点