美文网首页
vue devtools 调试工具安装配置(vue2x和vue3

vue devtools 调试工具安装配置(vue2x和vue3

作者: 暴躁程序员 | 来源:发表于2023-01-02 00:04 被阅读0次

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

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

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

  1. 下载devtools安装包
    使用git下载,内含vue2x和vue3x的devtools插件安装包,按需配置
git clone https://gitee.com/wwjwuweijie/vue2-vue3-devtools.git
  1. 在Google Chrome浏览器上配置
    打开Google Chrome浏览器 --> 右上角三个点图标 --> 更多工具 --> 扩展程序
    --> 加载已解压的拓展程序,选择v2-devtools或者v3-devtools的目录 --> 成功后
    vue2x显示:Vue.js devtools4.0.1,vue3x显示:Vue.js devtools6.0.0 beta 11

  2. 配置(以vue3x为例)
    如果vue2x,和vue3x都在Google Chrome上配置了插件,那么打开Google Chrome浏览器 --> 右上角三个点图标 --> 更多工具 --> 扩展程序 --> 关闭vue2x插件即: Vue.js devtools4.0.1 --> 点击浏览器右上角 扩展程序 图标,点击 vue.js devtools 右侧的固定图标,让vue插件图标显示出来

  3. 使用(以vue3x为例)
    运行vue3x项目并用 Google Chrome 打开 --> 右键检查,会显示Vue调试工具

相关文章

网友评论

      本文标题:vue devtools 调试工具安装配置(vue2x和vue3

      本文链接:https://www.haomeiwen.com/subject/hmtccdtx.html