vue.js devtools(chrome調(diào)試工具)

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

Vue.js devtools簡介

用于調(diào)試Vue.js應(yīng)用程序的Chrome和Firefox DevTools擴展。Chrome devtools擴展用于調(diào)試Vue.js應(yīng)用程序。

插件特色

1、性能

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

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

2、設(shè)置

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

規(guī)范化組件名稱（my-component將變?yōu)镸yComponent）

更新主題 - 打開或關(guān)閉新的黑暗主題選項

3、路由

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

軟件亮點

1、上手簡單

在用戶已經(jīng)了解HTML，CSS和javaScript的情況下，閱讀指南后即可立即開始構(gòu)建。

2、功能多樣

漸進式的生態(tài)系統(tǒng)，在圖書館和功能全面的框架之間進行擴展。

3、演示優(yōu)化

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

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

使用攻略

1、下載安裝文件

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

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

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

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

3、 安裝插件

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

注意問題

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

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

僅當(dāng)您希望自己從源代碼構(gòu)建擴展以獲取尚未發(fā)布的功能時，才需要這樣做。

• 熊貓關(guān)鍵詞工具免費版
• fvd downloader免費版
• 搜狗瀏覽器2015版本
• 火車頭采集器v9正式版(locoy spider)
• chromecacheview(chrome緩存查看工具)
• adsafe廣告管家