Chrome 瀏覽器安裝Vue插件方法


谷歌瀏覽器擴展程序

 

首先去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控制台

附加一個圖片批量下載插件  點擊下載壓縮包

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM