Vue调试工具DevTools工具的安装

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

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

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

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

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

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

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

点击扩展程序,如下图

 

选择加载已解压扩展程序

 

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

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

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

发布了9 篇原创文章 · 获赞 0 · 访问量 414

猜你喜欢

转载自blog.csdn.net/XiaoBo_S/article/details/104464096