如何在浏览器中安装并使用vue开发者工具

前言

使用vue你肯定需要一个开发者工具，当然浏览器有自带的开发者工具，你想专业的vue开发工具可能更有助于编程学习，也更直观一点。废话不多讲，下面我就将我在安装和使用vue开发者工具走的一些弯路和困惑分享给大家。

安装

1. 两种方式
   1.访问官网–最上面导航栏（生态系统）-Devtools（点击）会跳转到一个github地址–滑到最下面 找到【Install the extension】并点击选择你所需要匹配的浏览器（有谷歌、火狐、IE可供选择）【注意这里需要用到科学上网不然打不开，不知道的自行百度】（实在不会操作可以按照下图操作）
   
   
   

2.直接在csdn所有vue开发者工具也可获得所需要的资源（如果是在找不到我可以分享相应的资源参加最下面的百度链接，由于时间原因我只下载了谷歌浏览器的）

安装方法

1. 安装之前需要根据下图打开开发者模式
   
   

2. 将下载的文件直接拖动到相应浏览器然后根据步骤操作即可

使用注意

1.需要编写vue代码才能触发vue开发工具
2.在使用vue开发者工具调试代码需要打开截图中标记的项目，否则无法正常使用。

后记

今天的分享就到这里。下面是百度网盘链接。
链接: https://pan.baidu.com/s/1sejSz3J96kluoppEkQJhcg?pwd=a7cw 提取码: a7cw