重点

–2021-4-21
记录一些使用vue devtools的坑
在学习vue的过程中，使用 vue devtools来进行调试会提高调试的效率。
笔者最近在刚开始学习vue，一开始使用的便是vue3。
在安装 vue devtools中踩了一个坑，在此纪录下来。

vue3 : 使用 vue devtools deta版本
vue2: 使用 vue devtools master版本

vue devtools的安装

提供二种安装方式
1.官网编译安装

vue devtools 仓库 : Github
vue devtools 镜像仓库 : Github镜像网站
github在国内访问很慢，提供一个镜像网站:hub.fastgit.org

在github仓库按文档说明下载编译，将插件安装在chrome、firefox等浏览器上。
或者使用官网提供的浏览器插件下载安装即可。

这里需要注意使用的vue3用后面的链接，如beta channel，使用的是vue2 用前面的链接即可(需要科学)。

2.使用插件网站安装

访问极简插件
搜索vue devtools

下载安装，还是那句话下载deta版本（vue3）。

vue devtools 使用测试

使用 vue cli 创建一个 vue3 项目。
打开控制台。
可以使用vue3了。