當前位置: 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應用的瀏覽器擴展 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-12-08 文件大小:479KB

當前插件其他版本列表

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

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

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瀏覽器中網頁元素大小尺寸的谷歌瀏覽器插件。頁面尺寸測量工具,前端設計師專用。可以測量頁面元素、圖片和文本的尺寸、位置。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庫打

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

Interception Chrome插件

開發者插件 2016-01-13 11:17:50

Replace scripts and stylesheets on the fly.
This extension lets you replace scripts and stylesheets with your own versions. You need to have a local server running where the JS and CSS files are h

vREST Chrome插件

開發者插件 2015-03-21 11:49:50

記錄HTTP請求和自己的頭,參數和響應和過濾他們根據內容類型和URL模式篩選
該擴建工程作為托管應用程序vREST(http://vrest.io的一部分 - 一個在線工具,自動化測試,嘲諷,自動記錄和REST / REST風格/ HTTP的API規格)。

這是一個非常簡單的擴展,它記錄下測試及其參數,標頭,響應的web應用程序的HTTP請求,它會自動地將它們存儲在vREST測試用例。它可以配置過濾掉HTTP請求根據內容類型和URL模式,同時記錄有關vREST
<

Sight Chrome插件

開發者插件 2015-04-03 23:48:32

在語法高亮的鍍鉻
視線的是語法高亮Chrome擴展,使得在瀏覽器上閱讀代碼的喜悅。
你可以選擇主題,字體和啟用選項頁的行號。
要強制該文件的URL的特定語法通#英尺= [語法]

支持的語言:
1C
阿帕奇
的AppleScript
AVR Assembly
Axapta
BASH
Brainfuck
CMake
C/C
Clojure
C#
Cof

Octotree v2.5.4 Chrome插件

開發者插件 2019-11-04 10:22:46

Octotree是一個 Chrome插件,用來顯示 Github 項目的目錄結構。主要針對于廣大的程序猿童鞋們,Github上面成千上萬的開源項目給程序猿帶來很多幫助,還可以學習大神們的思想,向大神看齊

Event Logger Chrome插件

開發者插件 2015-12-20 21:36:57

Simple+developer+tool+extension+for+creating+macros+and+exporting+them.%3cbr%2f%3eIt+allows+you+to+capture+events+triggered+by+Javascript+and+log+them+in+developer+tools.+You+can+easily+track+events+a

NetBeans Connector Chrome插件

開發者插件 2019-05-19 03:19:17

在NetBeans Connector提供獲獎的NetBeans IDE和谷歌Chrome瀏覽器。
的NetBeans IDE提供了一套完整的JavaScript和HTML5的開發工具,包括代碼編輯,調試,現場造型,開發與iOS和Android的獎項之間的深

???? ?? ??? - RaccoonJK Chrome插件

開發者插件 2015-12-17 19:38:36

%eb%a0%88%eb%93%9c%eb%a7%88%ec%9d%b8+%ec%9d%b4%ec%8a%88+%eb%b3%80%ea%b2%bd%ec%8b%9c+%ec%95%8c%eb%a0%a4%ec%a4%8d%eb%8b%88%eb%8b%a4.%3cbr%2f%3e%eb%a0%88%eb%93%9c%eb%a7%88%ec%9d%b8(redmine)%ec%9d%98+%ec%

SchemaDump Chrome插件

開發者插件 2015-05-10 21:32:56

顯示模式
SchemaDump是一個開發工具的擴展,試圖解析和讀取網頁上的任何微觀數據。

圖標禮貌埃德·瓊斯,從名詞項目。

云南快乐十分遗漏