admin管理员组

文章数量:1516870

搜索了好多，大多数都要翻墙去gitHub上下载包，或是谷歌插件商店，都要翻墙，所以经过无数终端安装失败后，发现一种简便的方法；

步骤一：打开极简插件这个网站；网址：https://chrome.zzzmh/#/index

步骤二：搜索框里搜索vue，点击第二个

（搜索得到这两个结果，我也不知道的一个是啥，但我看第二个和我要的名字一样，所以我就下载了第二个）

步骤三：会跳到这个页面，点击推荐下载

步骤四：会下载一个压缩包，（不用担心名字不一样），解压压缩包

 步骤五：得到这两个文件，（直接把第一个文件拖到谷歌的扩展程序里就可以了）

 步骤六：打开谷歌的扩展程序

 步骤七：开启右上角的开发者模式

步骤八：把刚才解压后的第一个文件拖进页面里

成功后是这样

 之后就可以尝试运行一下vue项目了，会在控制台看到vue调试工具。

如果想在浏览器右上角看到vue插件的标记，可以在扩展程序里把他固定到页面

 固定后会在浏览器右上角，长这样

当运行vue项目时，小标就会亮

本文标签： 浏览器调试工具VueJSdevtools

版权声明：本文标题：前端 Vue 浏览器调试工具 Vue.js devtools 安装 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://www.betaflare.com/biancheng/1727389310a1247156.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。