Augury丨Angular2专用的chrome调试插件

augury是一款可以安装在谷歌浏览器上使用的Angular2专用的chrome调试插件,现在和VUE对比起来,确实可以看出有谷歌支持下angular2会更活跃,我个人认为2年后恐怕VUE无法与之抗衡,Augury还处于beta阶段,也还有很多问题,但是有些地方已经非常方便开发和调试了,大家可以来尝尝鲜!

Augury特性:

1 用augury查看component结构;

ng2-admin项目结构

ng2-admin对应的的component结构

运行应用,打开浏览器查看页面,在开发者工具中可以看到,ComponentTree,这里可以非常清晰的看出appComponent的结构图,hover到component上面时,页面也会显示相应的位置。

2 查看单个Component的具体属性和方法;

3 可视化显示component关系;

4 查看router结构

结构真是一目了然,真是太牛逼了。

这些router结构,component结构可以帮助看看应用的结构是否存在问题。components中的具体方法,属性,用来调试具体内容的逻辑,有时候想换设一个值调下看看,可以直接在properties中改掉。

 

请扫码关注公众号,更多精彩内容等你来!

 

插件下载地址:

此处内容已经被作者无情的隐藏,请输入验证码查看内容:
验证码:
请关注本站公众号回复“验证码”,获取验证码。 【注】”在微信里搜索“不会笑青年”或者“laughyouth”或者微信扫描右侧二维码都可以关注微信公众号。
不会笑青年

小白学堂 » Augury丨Angular2专用的chrome调试插件

就聊挣钱,一个带着你做副业的社群。

立即查看 了解详情