Google放大招,推出Angular2专用chrome调试插件Augury。如今和VUE对比起来,确实能够看出有谷歌支持下angular2会更活跃,我我的认为2年后恐怕VUE没法与之抗衡,Augury还处于beta阶段,也还有不少问题,可是有些地方已经很是方便开发和调试了,你们能够来尝尝鲜!vue
Augury安装
https://augury.angular.io/node
Augury特性
1 用augury查看component结构react
ng2-admin项目结构chrome
ng2-admin对应的的component结构小程序
运行应用,打开浏览器查看页面,在开发者工具中能够看到,ComponentTree,这里能够很是清晰的看出appComponent的结构图,hover到component上面时,页面也会显示相应的位置。微信小程序
2 查看单个Component的具体属性和方法浏览器
3 可视化显示component关系微信
4 查看router结构angular2
结构真是一目了然,真是太牛逼了。app
这些router结构,component结构能够帮助看看应用的结构是否存在问题。components中的具体方法,属性,用来调试具体内容的逻辑,有时候想换设一个值调下看看,能够直接在properties中改掉。
水太深,你们自行研究。
更多angular1/2/四、ionic1/2/三、react、vue、微信小程序、nodejs等技术文章、视频教程和开源项目,请关注微信公众号——全栈弄潮儿