Vue devtools插件主要運用于谷歌瀏覽器的開發者調試階段，對于廣大開發人員來說，它能夠為其提供多個網頁結構解析和調試工具，側邊欄窗口代碼優化調試，新增一個性能選擇卡，多項優化下讓您可以有效提高整天調試效率。插件功能多，安全穩定，值得推薦。

Vue.js devtools簡介

用于調試Vue.js應用程序的Chrome和Firefox DevTools擴展。Chrome devtools擴展用于調試Vue.js應用程序。

插件特色

1、性能

與路由選項卡一樣，性能選項卡也是一個新增功能。此選項卡由兩部分組成，“每秒幀數”和“組件渲染”。

第一個選項卡“每秒幀數”顯示一個實時源圖表，其中包含應用程序的當前fps。這可用于查找減慢應用程序速度的某些操作或組件。

2、設置

將顯示密度更改為更緊湊的布局

規范化組件名稱（my-component將變為MyComponent）

更新主題 - 打開或關閉新的黑暗主題選項

3、路由

Routing選項卡是devtools套件的全新選項。這里有兩個不同的視圖，“歷史記錄”和“路徑”，可以通過單擊“路由”選項卡標題進行交換。

軟件亮點

1、上手簡單

在用戶已經了解HTML，CSS和javaScript的情況下，閱讀指南后即可立即開始構建。

2、功能多樣

漸進式的生態系統，在圖書館和功能全面的框架之間進行擴展。

3、演示優化

20KB min+gzip運行，快速虛擬DOM，最少的優化工作。

Vue.js devtools插件還可以看到它們最后的更新時間，如果它們有自己的主頁，還可以對它們進行分類和其他更多的功能。

使用攻略

1、下載安裝文件

下載插件，并在瀏覽器安全提示時選擇【保留】，在下載文件夾中找到下載好的文件，后綴是.crx 。

說明：若出現安全提示，請選擇保留。這是瀏覽器的默認設置，我們的插件不會危害你的計算機。

2、 打開擴展程序安裝頁面

復制chrome://extensions并粘貼到地址欄，按回車鍵進入擴展程序安裝頁面，打開右上角的【開發者模式】。

3、 安裝插件

將下載好的.crx文件拖拽到到擴展安裝頁面內，等待數秒，在安裝彈窗內點擊添加即可。

注意問題

如果頁面使用的是Vue.js的生產/精簡版本，則默認情況下禁用devtools檢查，因此不會顯示Vue窗格。

要使其適用于通過file：//協議打開的頁面，您需要在Chrome的擴展程序管理面板中選中此擴展程序的“允許訪問文件URL”。

僅當您希望自己從源代碼構建擴展以獲取尚未發布的功能時，才需要這樣做。

• xenu link sleuth(網站死鏈檢測工具)
• 新媒體管家插件
• adobe flash player activex控件
• adobe flash player 8正式版
• flash player ie插件
• 熊貓關鍵詞工具免費版