vue調試工具vue-devtools的安裝


一、可以在chrome商店中下載安裝,當然需要翻牆哈,你懂得~;

二、手動安裝:

  1.將github上項目文件克隆到本地,https://github.com/vuejs/vue-devtools

  

     bash上輸入如上命令,回車確定,會將項目克隆到本地;

  2.然后在目錄下打開bash,輸入npm install命令,回車,

     等待下載項目依賴包(這個時候你可以去泡杯咖啡),然后目錄下就會多出一個node-modules文件夾,里面就是項目所依賴的包;

  3.下載完畢,運行 命令,回車,來對項目文件進行編譯;

  4.打開chrome,可以輸入 chrome://extensions/;

     也可以在最右上角點擊按鈕,更多工具--->擴展程序;來進入擴展程序頁面;

     

     點擊 加載已解壓的擴展程序(如果沒有這個選項,請勾選開發者模式),然后選擇 vue-devtools ---> shells --->chrome 文件夾即可;

  5.添加完成~

     

  6.打開F12開發者工具,會多出vue選項一欄,可以在里面看到組件、vue對象等的一些信息啥的~;

    

 

 

 


免責聲明!

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



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