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等技術文章、視頻教程和開源項目,請關注微信公衆號——全棧弄潮兒