亚洲精品欧美日韩-亚洲精品欧美一区二区三区-亚洲精品欧美综合-亚洲精品欧洲精品-亚洲精品欧洲一区二区三区

首頁
手機版
熱門搜索：
當前位置：電腦軟件編程開發編程軟件Vue Devtools

Vue Devtools chrome版v5.3.3

  • 大?。?59KB
  • 語言：簡體中文
  • 類別：編程軟件
  • 類型：免費軟件
  • 授權：國產軟件
  • 時間：2020/09/16
  • 官網：http://www.taiyee.com.cn
  • 環境：Windows7, Windows10, WindowsAll

相關軟件

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

Vue Devtools插件圖片1

使用說明

1、下載壓縮包

2、解壓此文件夾

3、用命令提示符或編譯器進入此文件夾

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

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

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

Vue Devtools插件圖片2

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

Vue Devtools插件圖片3

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

Vue Devtools插件圖片4

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

Vue Devtools插件圖片5

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

Vue Devtools插件圖片6

標簽： chrome插件 編程工具

下載地址

Vue Devtools chrome版v5.3.3

普通下載通道

網友評論

返回頂部