vue devtools 调试工具安装配置

方式一：在谷歌商店下载安装

打开Google Chrome浏览器 --> 右上角三个点图标 --> 更多工具 --> 扩展程序 --> 在 Chrome 应用商店中查找扩展程序和主题背景

方式二：下载插件安装包自行配置

1. 下载devtools安装包
   使用git下载，内含vue2x和vue3x的devtools插件安装包，按需配置

git clone https://gitee.com/wwjwuweijie/vue2-vue3-devtools.git

2. 在Google Chrome浏览器上配置
   打开Google Chrome浏览器 --> 右上角三个点图标 --> 更多工具 --> 扩展程序
   –> 加载已解压的拓展程序，选择v2-devtools或者v3-devtools的目录 --> 成功后
   vue2x显示：Vue.js devtools4.0.1，vue3x显示：Vue.js devtools6.0.0 beta 11
3. 配置（以vue3x为例）
   如果vue2x，和vue3x都在Google Chrome上配置了插件，那么打开Google Chrome浏览器 --> 右上角三个点图标 --> 更多工具 --> 扩展程序 --> 关闭vue2x插件即： Vue.js devtools4.0.1 --> 点击浏览器右上角 扩展程序 图标，点击 vue.js devtools 右侧的固定图标，让vue插件图标显示出来
4. 使用（以vue3x为例）
   运行vue3x项目并用 Google Chrome 打开 --> 右键检查，会显示Vue调试工具