谷歌瀏覽器擴展程序
首先去github下載vue.zip文件插件 下載地址:https://github.com/vuejs/vue-devtools
不要去下載默認分支的
下載后解壓
驗證npm是否安裝成功命令,打開CMD輸入
node -v
npm -v
如果出現對應版本號,說明安裝成功
一個使用技巧,定位到文件夾下面:直接輸入 cmd 可以直接定位跳到當下目錄
輸入cmd
如下:
接下來通過cnpm安裝vue插件依賴 ,淘寶鏡像:輸入cnpm install
下載成功后接着輸入npm run build 出現如下界面表示成功
接着修改manifest.json 里persistent 字段 為true
如下:
在Chrome中 打開地址chrome://extensions/ 將D:\vue\vue-devtools-dev\shells\chrome文件夾拖入Chrome中
至此插件才算安裝完成
訪問一個vue頁面 按F12開發者工具,可以看到VUE控制台
附加一個圖片批量下載插件 點擊下載壓縮包