當前位置: 王牌战士txt > 開發者插件 > Vue.js devtools:調試vue.js應用的瀏覽器擴展 Chrome插件

王牌战士2019年3月能上线吗: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應用的瀏覽器擴展 Chrome插件基本信息

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

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

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

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

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

當前插件其他版本列表

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

本站下載 已有 401 人成功下載

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

Page Ruler - chrome屏幕尺子插件

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

Page Ruler是一款可以測量Chrome瀏覽器中網頁元素大小尺寸的谷歌瀏覽器插件。頁面尺寸測量工具,前端設計師專用??梢圓飭懇趁嬖?、圖片和文本的尺寸、位置。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 應用程序可以簡化您的工作流程,為了加快您的工作流

Adobe DTM Switch

開發者插件 2019-05-19 03:28:04

這個方便的擴展,您可以切換調試模式和分期方式的Adobe動態變量管理器。調試模式...
這個方便的擴展,您可以切換調試模式和分期方式的Adobe動態變量管理器。調試模式啟動DTM庫打

安卓調試工具ADB

開發者插件 2018-04-28 17:30:43

ADB 是Android的一個很重要的調試工具,熟練掌握后可實現很多功能,比如有些手機的解鎖、ROOT就會用到adb工具??珊芏嗯笥訊妓擋換嵐滄?,今天就從最開始的安裝方法說起。想要查看A

Augury

開發者插件 2019-08-28 12:35:01

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 &

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

fulmo Chrome插件

開發者插件 2015-10-11 23:23:08

易票據建立與注釋的屏幕截圖。
擴展提供了方便單創建與注釋截圖,現在
,它支持Trac的( * 1 )和管理平臺( * 2 ) 。
< BR /

Varnish Indicator (forked, improved) Chrome插件

開發者插件 2015-01-28 18:38:24

一個簡單的谷歌Chrome擴展顯示,如果一個頁面被通過光油網絡加速器提供了新鮮與否。
這是https://github.com/deizel/varnish-inspector叉子,所以他非常值得信貸。我已經改進了這一清漆的不同口味工作(原標題有數量級的依賴) 。特別是,我一直在測試這與快速度,使用光油引擎蓋下一個CDN 。A simple",1,[["一個簡單的",1000,false,false],["一個簡單",0,false,false],["簡單",0,false,false],["簡

Developer URL bar Chrome插件

開發者插件 2015-01-25 22:56:09

允許URL參數,方便的編輯
很容易地從一個彈出窗口中編輯一個URL的每個部分。

適合于快速編輯可在很長的URL

的源代碼github上: https://github.com/hospadar/super_url

pertext Chrome插件

開發者插件 2015-01-22 17:51:40

PERT估算工具
pertext是PERT估算工具來估算敏捷環境的故事。

不知道是什么PERT是?在這里閱讀維基百科條目: //en.wikipedia.org/wiki/Program_Evaluation_and_Review_Technique

您還可以閱讀白皮書,從估算到這里承諾: //blog.8thlight.com /paul-pagel/FromEstimateToCommitment.pdf

Website OnPage Analyzer Chrome插件

開發者插件 2015-04-03 07:51:44

SubmitINme的最佳檢查一個網站的onpage因素和SEO參數在幾秒鐘內的專用工具。
網站的onpage分析儀專門報道網站的的onpage元素,給予了網站上的是否優化,搜索引擎優化結果友好的方式。該工具的特點是,它有效地報告的因素,如URL,元數據,的onpage因素,排名,社會媒體,地理信息,域名和WHOIS信息,突出了錯誤優化SEO因素RED。這是SEO的,網站管理員和數字營銷的專業人士的理想工具。

從你的Chrome瀏覽器免費下載的工具,只需點擊頂欄的圖標上,保持任

Request blocker Chrome插件

開發者插件 2016-08-02 15:53:03

Block unwanted requests based on methods and URLs.
This is an extension to block undesired requests.

Request blocker block requests by both methods and URLs. For example, sometimes we nee

Penetration Testing Kit Chrome插件

開發者插件 2019-07-04 09:46:10

滲透測試套件功能: 儀表板-包含有關客戶端/服務器技術的信息,如 Wappalyzer。我們的 PenTestKit 擴展可以為您提供相同的信息,甚至更多。您可以看到請求/響應信息,然后在請求生成器中再次執行它們。
2) 請求構建器-需要檢查如果發送 SQL 注入或 XSS 攻擊會發生什么?只需使用這個請求生成器,修改參數,執行請求,并在 Chrome 瀏覽器中選中它。
3

CF-Collapse Chrome插件

開發者插件 2019-08-08 13:55:11

Chrome Extension for Neater, Collapsible comments on blog pages on Codeforces. Just click on the age (e.g. "3 years ago") of a comment to collapse it‘s thread.