方式一:在谷歌商店下载安装
打开Google Chrome浏览器 --> 右上角三个点图标 --> 更多工具 --> 扩展程序 --> 在 Chrome 应用商店中查找扩展程序和主题背景
方式二:下载插件安装包自行配置
- 下载devtools安装包
使用git下载,内含vue2x和vue3x的devtools插件安装包,按需配置
git clone https://gitee.com/wwjwuweijie/vue2-vue3-devtools.git
-
在Google Chrome浏览器上配置
打开Google Chrome浏览器 --> 右上角三个点图标 --> 更多工具 --> 扩展程序
--> 加载已解压的拓展程序,选择v2-devtools或者v3-devtools的目录 --> 成功后
vue2x显示:Vue.js devtools4.0.1,vue3x显示:Vue.js devtools6.0.0 beta 11 -
配置(以vue3x为例)
如果vue2x,和vue3x都在Google Chrome上配置了插件,那么打开Google Chrome浏览器 --> 右上角三个点图标 --> 更多工具 --> 扩展程序 --> 关闭vue2x插件即: Vue.js devtools4.0.1 --> 点击浏览器右上角 扩展程序 图标,点击 vue.js devtools 右侧的固定图标,让vue插件图标显示出来 -
使用(以vue3x为例)
运行vue3x项目并用 Google Chrome 打开 --> 右键检查,会显示Vue调试工具
网友评论