當前位置: Chrome插件首頁 > 開發者插件 > Vue.js devtools:調試vue.js應用的瀏覽器擴展 Chrome插件

Vue.js devtools:調試vue.js應用的瀏覽器擴展 Chrome插件

開發者插件

Vue.js devtools:調試vue.js應用的瀏覽器擴展 Chrome插件圖文教程

Vue.js devtools插件功能簡介

Vue.js devtools是基于google chrome瀏覽器的一款調試vue.js應用的開發者瀏覽器擴展。做前端開發的IT工程師應該比較熟悉這款工具,可以邊側邊欄窗格中的頁面,邊檢查代碼。
vue.js調試

Vue.js devtools插件下載安裝

Vue.js devtools插件哪里下載?你可以從chrome應用商店里找到Vue.js devtools插件,如果你的chrome應用商店無法打開,你可以在本站的下方找到alexa流量排名插件下載地址。

Vue.js devtools插件怎么安裝?
1. 如果你能夠打開chrome應用商店,并且可以找到alexa流量排名插件,那么直接點擊“添加至chrome”,如下圖所示:
vue.js devtool

2.如果你的chrome應用商店無法打開,你從本站或者其他途徑獲得了
Vue.js devtools插件,那么就選擇離線安裝該插件。由于Vue.js devtools插件同其他chrome插件一樣都是CRX格式的,所以具體的安裝方法請參照:怎么在谷歌瀏覽器中安裝.crx擴展名的離線Chrome插件? 如果CRX格式插件不能離線安裝怎么辦?

Vue.js devtools插件使用說明

Vue.js devtools插件怎么使用?
1.Vue.js devtools插件在chrome瀏覽器安裝成功后,在瀏覽器的右上角插件圖標。
2.修改文件:vue-devtools-master/shells/chrome/manifest.json,如下圖所示:
vue.js修改文件

3.打開vue項目,在控制臺選擇vue:
vue控制平臺選擇
4.然后就可以操作組件查看信息變化(這里以分頁組件為例,分別查看第一頁和最后一頁),如下圖所示:
vue分頁應用調試

vue分頁調試應用

你可能對優秀chrome插件推薦感興趣;

常見問題:

1.Vue.js devtool插件安裝后無法使用,出現提示“vue.js not detected”的解決辦法

Vue.js devtools插件相關推薦

1.JSONView:web開發格式化和高亮插件
2.網頁取色器插件-ColorZilla
3.網站樣式管理器-Stylish

查看更多

Vue.js devtools:調試vue.js應用的瀏覽器擴展 Chrome插件圖片

  • Vue.js devtools:調試Vue.js應用google chrome擴展插件插件圖片

Vue.js devtools:調試vue.js應用的瀏覽器擴展基本信息

插件名稱:Vue.js devtools:調試vue.js應用的瀏覽器擴展 插件作者:vuejs.org 插件語言:English 官方站點:https://github.com/vuejs/vue-devtools 插件唯一標識:nhdogjmejiglipccpnnnanhbledajbpd

Vue.js devtools:調試vue.js應用的瀏覽器擴展用戶數和評分

下載次數:401 用戶評分:4.66667 (共5分) 參與評分人數:3

Vue.js devtools:調試vue.js應用的瀏覽器擴展文件信息

當前版本:0.0.2 最后更新日期:2020-06-06 文件大?。?em>479KB

當前插件其他版本列表

Vue.js devtools:調試vue.js應用的瀏覽器擴展下載地址

Vue.js devtools:調試vue.js應用的瀏覽器擴展相關插件

AlloyDesigner - 前端重構開發輔助工具

開發者插件 2019-10-28 14:49:24

AlloyDesigner是來自Tencent AlloyTeam的前端開發工具,其只出現開發階段的一定時期,可以在制作時期,也可以在開發測試期,旨在提高前端開發的效率,獲得更加便捷的開發體驗。

Page Ruler - chrome屏幕尺子插件

開發者插件 2019-02-22 16:40:30

Page Ruler是一款可以測量Chrome瀏覽器中網頁元素大小尺寸的谷歌瀏覽器插件。頁面尺寸測量工具,前端設計師專用??梢詼y量頁面元素、圖片和文本的尺寸、位置。Page Ruler是一款可以快速

Eye Dropper

開發者插件 2019-02-22 16:44:28

Eye Dropper是Google Chrome和Chromium的擴展。它允許您從任何網頁或高級顏色選擇器中選擇顏色。它是Web開發人員的絕佳工具。

WEB前端助手(FeHelper)

開發者插件 2019-01-25 22:37:24

WEB前端助手:FeHelper是一款chrome瀏覽器插件。包含一些前端實用的工具,如字符串編解碼、代碼美化、JSON格式化查看、二維碼生成器、編碼規范檢測、柵格規范檢測、網頁性能檢測、頁面取

推薦十二款Web開發必備的Chrome插件

聚合專題 2019-02-20 11:41:00

之前已經分享過一些幫助 Web 開發人員和設計師的 Chrome 擴展,這次我們繼續展示一組很有用的 Chrome 應用程序。這些免費的 Chrome 應用程序可以簡化您的工作流程,為了加快您的工作流

Vue.js devtools:調試vue.js應用的瀏覽器擴展同類插件推薦

Polymer Ready Chrome插件

開發者插件 2015-01-29 13:21:30

顯示在地址欄中的圖標檢測到一些聚合物和自定義組件時。
只是一個簡單的Chrome擴展,顯示在每次檢測到一些聚合物和自定義組件的地址欄中的圖標。

源代碼可在https://github.com/beaufortfrancois/polymer-ready-chrome-extension

Changelog:

0.4:
-使用https://customelementsio.herokuapp.com/以提高速度的感謝(再次)杰克·

Magoon: Chrome DevTools Theme Chrome插件

開發者插件 2019-07-10 07:27:21

這是一個主題,讓顏色變得流行起來,讓 Chrome 控制臺看起來非常好。
您可以在 Github 上找到其他東西的 Magoon,如 Vscode 、 Rofi 、 React DevTools 和 Alfred: https://github.com/ntwigs/Magoon
如何安裝
------------------------------------

Angular watchers v1.5 Chrome插件

開發者插件 2019-03-23 21:55:54

角觀察者是終極的 AngularJS 工具,它告訴你你目前有多少活躍的觀察者。
它會自動更新,這樣你就可以實時看到一個頁面有多少觀察者。
這對于提高性能和調試來說也是完美的。特點:
* 總當前頁面上的觀察者數量
* 與上次觀察者總數的差異
* 及時繪制觀察者數量的視覺圖 (最多 25 個圖)
* 選擇要統計觀察者的 Ifram

Merge Js Chrome插件

開發者插件 2019-10-03 03:55:18

Merge and Minify js files from any webpage or website. Just click extension icon, it will get all the



北京pk拾技巧教学