Vue開發調試神器 vue-devtools


Vue開發調試神器: vue-devtools

 

1. 下載Chrome擴展插件
GitHub下載地址:

https://github.com/vuejs/vue-devtools

 

建議使用npm淘寶鏡像按照依賴包

地址:http://npm.taobao.org/

 

命令行安裝npm淘寶鏡像:

$ npm install -g cnpm --registry=https://registry.npm.taobao.org

  

之后我們就可以使用cnpm代替npm按照依賴包了,npm安裝依賴包確實太慢了.....

2. 安裝編譯

cnpm install

  

cnpm run build

  

打開shells>chrome>src>manifest.json並把json文件里的"persistent":false改成true

 

3. 將插件加入Chrome擴展插件

  打開chrome瀏覽器,打開設置>更多工具>擴展程序>點擊開發者模式;

  點擊“加載已解壓的擴展程序”,然后選擇vue-devtools-dev>shell>chrome文件夾;

最后打開一個vue項目,f12打開調試工具就可以進行vue項目的調試了。

 


免責聲明!

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



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