男同gay片av网站,美女视频黄8频美女视频,男人j放进女人p全黄,柠檬福利精品视频导航,免费涩情网站

首頁
手機(jī)版
熱門搜索：
當(dāng)前位置：電腦軟件編程開發(fā)編程軟件Vue Devtools

Vue Devtools chrome版v5.3.3

  • 大小：459KB
  • 語言：簡體中文
  • 類別：編程軟件
  • 類型：免費(fèi)軟件
  • 授權(quán)：國產(chǎn)軟件
  • 時間：2020/09/16
  • 官網(wǎng)：http://goqiche.cn
  • 環(huán)境：Windows7, Windows10, WindowsAll

相關(guān)軟件

Vue Devtools插件是一個專為前段開發(fā)打造的瀏覽器拓展插件。是基于google chrome瀏覽器的一款調(diào)試vue.js應(yīng)用的開發(fā)者瀏覽器擴(kuò)展，可以在瀏覽器開發(fā)者工具下調(diào)試代碼。做前端開發(fā)的IT工程師應(yīng)該比較熟悉這款工具，可以邊側(cè)邊欄窗格中的頁面，邊檢查代碼。由于vue是數(shù)據(jù)驅(qū)動的，所以這就存在在開發(fā)調(diào)試中查看DOM結(jié)構(gòu)并不能解析出什么。但是借助vue-devtools插件，我們就可以很容易的對數(shù)據(jù)結(jié)構(gòu)進(jìn)行解析和調(diào)試。

Vue Devtools插件圖片1

使用說明

1、下載壓縮包

2、解壓此文件夾

3、用命令提示符或編譯器進(jìn)入此文件夾

4、在文件夾下依次運(yùn)行（可以在命令提示符窗口也可在編譯器中）：

I、npm install安裝所需要的依賴

II、npm run build構(gòu)建（如果未執(zhí)行此步，shells->chrome文件夾下會缺少build文件夾）

Vue Devtools插件圖片2

5、在shells->chrome->manifest.json文件中修改 background 下 persistent 的值為 true

Vue Devtools插件圖片3

6、在chrome瀏覽器中找到設(shè)置->擴(kuò)展程序，然后開啟開發(fā)者模式，將插件中shells文件夾下的chrome文件夾直接拖到開啟了開發(fā)模式的擴(kuò)展程序頁面，完成安裝。

Vue Devtools插件圖片4

7、在插件文件目錄下運(yùn)行npm run dev,至此插件已成功安裝，打開本地localhost:8080就可以看到插件成功安裝并運(yùn)行。

Vue Devtools插件圖片5

8、用chrome瀏覽器打開本地的其他項(xiàng)目，就可以看到瀏覽器已成功的安裝了vue-devtools，可以用瀏覽器去調(diào)試vue項(xiàng)目啦。（此時不需要再在插件文件夾下運(yùn)行npm run dev）

Vue Devtools插件圖片6

標(biāo)簽： chrome插件 編程工具

下載地址

Vue Devtools chrome版v5.3.3

普通下載通道

網(wǎng)友評論

返回頂部