教你如何安装Vue3.0的开发者工具，在线安装、离线安装（内含扩展包）

各位小伙伴大家好本篇文章教你如何安装VUE3的开发者工具

为什么要安装vue3的开发者工具？

1. vue2.0的开发者工具中是不支持vue3.0的代码的 所以我们需要安装一个vue3专用的开发者工具
2. 让我们在vue3的项目中更好更方便的去调试
3. 有两种安装方式：在线安装、离线安装

在线安装

1. 打开chrome网上应用商店搜索一下vue                                                         
2. 选择添加至Chrome   

        下载完成之后就安装成功了

离线安装

        有很多小伙伴因为一些原因打不开Chrome应用商店，这个时候我们就可使用离线安装的方式来安装

1. 打开浏览器的扩展程序
2. 把我们的扩展程序包按住拖动到浏览器的扩展程序页面里面 点击添加就安装好了

 扩展程序地址：链接：https://pan.baidu.com/s/1tGWFg-ZWdxaURHrrFH1-3w  提取码：8888

已经将扩展文件上传到云盘永久有效 需要的小伙伴自行下载哦 （有问题可以评论或者私聊博主）

注意：Vue3 和 Vue2是两个不同的开发者工具 在Vue3的项目中 我们无法使用vue2的开发者工具打开

在开发中如果项目确定是Vue3 可以暂时把Vue2的开发者工具关闭

两个同时开启可能会引发一些问题

另外Vue3的开发者工具目前是测试版 以后会推出正式版 在当前测试版本中有一些功能无法使用比如Vuex等...

如何使用

        安装完成之后 接下来我们打开一个Vue3的项目 按F12打开浏览器控制台 我们就可以看到多了一个Vue的选项 这便是我们Vue3的开发者调试工具

看完的小伙伴记得点赞收藏哦！~~~