前端 Vue 浏览器调试工具 Vue.js devtools 安装

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

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

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

步骤二:搜索框里搜索vue,点击第二个

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

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

步骤四:会下载一个压缩包,(不用担心名字不一样),解压压缩包

 步骤五:得到这两个文件,(直接把第一个文件拖到谷歌的扩展程序里就可以了)

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

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

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

成功后是这样

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

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

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

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

发布者:admin,转转请注明出处:http://www.yc00.com/web/1737987057a4006854.html

相关推荐

发表回复

评论列表(0条)

  • 暂无评论

联系我们

400-800-8888

在线咨询: QQ交谈

邮件:admin@example.com

工作时间:周一至周五,9:30-18:30,节假日休息

关注微信