vue之調試工具DevTools


vue,調試工具DevTools

第一步:復制項目到本地,可以使用git clone https://github.com/vuejs/vue-devtools.git 到本地,也可以直接將項目下載到本地

https://cn.vuejs.org/  vue官網中生態系統》工具》DevTools可以找到項目的地址。

第二步:使用npm 或者cnpm 安裝依賴  

npm install
cnpm install

推薦使用第二種,快

請注意下載項目的時候的分支,本人是在master分支上操作的

安裝完依賴之后。

第三步:執行打包

npm run build
cnpm run build

第四步:打開你的谷歌瀏覽器找到擴展程序,找不到請自行百度在哪里找。

第五步:打開瀏覽器當中的

 

 

 

 

 

 目錄選擇到:

 

 然后就能添加上vue開發工具了

如果你發現你的瀏覽器中存在vue圖標,但是沒有vue調試欄目,請檢查你的項目是否開啟了調試工具

官網推薦:Vue.config.devtools = true;添加在項目的main.js中。

重啟項目,應該就會看到vue調試出現了。

 


免責聲明!

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



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