1. 下载

首先下载vue插件,不推荐使用git,容易出错,耗时长
可以直接使用 这个收藏猫插件中提供的Vue.js devtools
在这里插入图片描述
关注后即可直接下载crx插件到本地,然后拖拽或添加我们浏览器的扩展程序中。此时vue.js插件已经安装好

2. 解决vue图标灰色 ”vue.js not detected“

但是浏览器中打开vue项目,vue图标依然灰色,,控制台中也没有显示vue调试工具。 鼠标放在vue图标上显示”vue.js not detected“
在这里插入图片描述

在windows本地C盘中找到扩展程序的安装目录,然后打开manifest.json文件,将第三行中的false改成true,保存退出,再次在浏览器中打开vue项目,vue图标变亮,控制台中也显示vue了。

我的目录是这样的:
在这里插入图片描述
vue扩展程序的ID:
在这里插入图片描述

3. 成功

在这里插入图片描述
以上。

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

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

更多推荐