前端 Vue 浏览器调试工具 Vue.js devtools 安装
devtools
vuejs/devtools: Vue.js 开发者工具,这是一个浏览器插件,可以安装在 Chrome 和 Firefox 等现代浏览器中,用于调试 Vue 应用程序,提供了组件树查看、状态快照、时间旅行等高级调试功能。
项目地址:https://gitcode.com/gh_mirrors/de/devtools
免费下载资源
·
搜索了好多,大多数都要翻墙去gitHub上下载包,或是谷歌插件商店,都要翻墙,所以经过无数终端安装失败后,发现一种简便的方法;
步骤一:打开极简插件这个网站;网址:https://chrome.zzzmh.cn/#/index
步骤二:搜索框里搜索vue,点击第二个
(搜索得到这两个结果,我也不知道的一个是啥,但我看第二个和我要的名字一样,所以我就下载了第二个)
步骤三:会跳到这个页面,点击推荐下载
步骤四:会下载一个压缩包,(不用担心名字不一样),解压压缩包
步骤五:得到这两个文件,(直接把第一个文件拖到谷歌的扩展程序里就可以了)
步骤六:打开谷歌的扩展程序
步骤七:开启右上角的开发者模式
步骤八:把刚才解压后的第一个文件拖进页面里
成功后是这样
之后就可以尝试运行一下vue项目了,会在控制台看到vue调试工具。
如果想在浏览器右上角看到vue插件的标记,可以在扩展程序里把他固定到页面
固定后会在浏览器右上角,长这样
当运行vue项目时,小标就会亮
GitHub 加速计划 / de / devtools
24.6 K
4.14 K
下载
vuejs/devtools: Vue.js 开发者工具,这是一个浏览器插件,可以安装在 Chrome 和 Firefox 等现代浏览器中,用于调试 Vue 应用程序,提供了组件树查看、状态快照、时间旅行等高级调试功能。
最近提交(Master分支:3 个月前 )
79116147 - 4 个月前
f0359002 - 5 个月前
更多推荐
已为社区贡献2条内容
所有评论(0)