Chrome浏览器安装devtools开发者工具

vue-devtools是一款基于chrome游览器的插件,用于调试vue应用,这可以极大地提高我们的调试效率。但是很多小伙伴无法直接访问谷歌商店,今天给大家介绍一种不用通过谷歌也能安装vue-devtools。

  1. 下载devtools安装包
    链接: https://pan.baidu.com/s/1naR4sJ3loAFUtT4DR-W_5w 提取码: wz4b

  2. 打开Chrome浏览器,地址栏输入chrome://extensions/进入扩展程序管理,打开开发者模式按钮
    在这里插入图片描述

  3. 将下载好的安装包拖到谷歌浏览器中松开鼠标
    在这里插入图片描述

  4. 如果出现以下错误,不用担心,接着执行下面5,6步骤哦!(如果成功安装就不用执行后面的步骤了哦~)
    在这里插入图片描述

  5. 把安装包的后缀名:crx改为zip后缀然后解压到文件夹中
    在这里插入图片描述
    解压之后的文件目录

  6. 点击加载已解压的扩展程序在这里插入图片描述

  7. 找到刚才解压的文件夹(vue.js devtools_3.1.2_0),点击选择文件夹,就成功啦!
    在这里插入图片描述

GitHub 加速计划 / de / devtools
45
5
下载
vuejs/devtools: Vue.js 开发者工具,这是一个浏览器插件,可以安装在 Chrome 和 Firefox 等现代浏览器中,用于调试 Vue 应用程序,提供了组件树查看、状态快照、时间旅行等高级调试功能。
最近提交(Master分支:4 个月前 )
79116147 - 5 个月前
f0359002 - 6 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐