augury是一款可以安裝在谷歌瀏覽器上使用的Angular2專用的chrome調(diào)試插件，現(xiàn)在和VUE對比起來，確實可以看出有谷歌支持下angular2會更活躍，我個人認為2年后恐怕VUE無法與之抗衡，Augury還處于beta階段，也還有很多問題，但是有些地方已經(jīng)非常方便開發(fā)和調(diào)試了，大家可以來嘗嘗鮮！

官方介紹：

Extends the Developer Tools, adding tools for debugging and profiling Angular 2.0 applications.

Augury is a Google Chrome Dev Tool extension for debugging Angular 2 applications. Treat this as a "developer preview".

Augury特性：

1 用augury查看component結(jié)構(gòu)；

ng2-admin項目結(jié)構(gòu)

ng2-admin對應(yīng)的的component結(jié)構(gòu)

運行應(yīng)用，打開瀏覽器查看頁面，在開發(fā)者工具中可以看到，ComponentTree，這里可以非常清晰的看出appComponent的結(jié)構(gòu)圖，hover到component上面時，頁面也會顯示相應(yīng)的位置。

2 查看單個Component的具體屬性和方法；

3 可視化顯示component關(guān)系；

4 查看router結(jié)構(gòu)

結(jié)構(gòu)真是一目了然，真是太牛逼了。

這些router結(jié)構(gòu)，component結(jié)構(gòu)可以幫助看看應(yīng)用的結(jié)構(gòu)是否存在問題。components中的具體方法，屬性，用來調(diào)試具體內(nèi)容的邏輯,有時候想換設(shè)一個值調(diào)下看看，可以直接在properties中改掉。

水太深，大家自行研究。

插件安裝使用方法:

方法一：.Crx文件格式插件安裝

1.首先用戶點擊谷歌瀏覽器右上角的自定義及控制按鈕，在下拉框中選擇設(shè)置。

2.在打開的谷歌瀏覽器的擴展管理器最左側(cè)選擇擴展程序或直接輸入：chrome://extensions/

3.找到自己已經(jīng)下載好的Chrome離線安裝文件xxx.crx，然后將其從資源管理器中拖動到Chrome的擴展管理界面中，這時候用戶會發(fā)現(xiàn)在擴展管理器的中央部分中會多出一個”拖動以安裝“的插件按鈕。

4.松開鼠標(biāo)就可以把當(dāng)前正在拖動的插件安裝到谷歌瀏覽器中去，但是谷歌考慮用戶的安全隱私，在用戶松開鼠標(biāo)后還會給予用戶一個確認安裝的提示。

5.用戶這時候只需要點擊添加按鈕就可以把該離線Chrome插件安裝到谷歌瀏覽器中去，安裝成功以后該插件會立即顯示在瀏覽器右上角（如果有插件按鈕的話），如果沒有插件按鈕的話，用戶還可以通

過Chrome擴展管理器找到已經(jīng)安裝的插件。

方法二：文件夾格式插件安裝

1.首先用戶點擊谷歌瀏覽器右上角的自定義及控制按鈕，在下拉框中選擇設(shè)置。

2.在打開的谷歌瀏覽器的擴展管理器最左側(cè)選擇擴展程序。

3.勾選開發(fā)者模式，點擊加載已解壓的擴展程序，將文件夾選擇即可安裝插件。

更新日志：

-- New in version 1.0.4

* Update Augury to Angular 2.0.0-rc.4.

* Included support for the **Component Router**, while retaining support for deprecated router.

* Fix a bug where inputs and outputs where not shown when @Input/@Output were being used.

* Fix a bug where theme menu did not match current theme.

-- New in version 1.0.3

* Augury supports projects written in Angular 2.0.0-rc.3.

* Update Augury to Angular 2.0.0-rc.3.

* Fix a bug where graph colors in "Router Tree" where not matching the dark theme.